Add post - Blog-Doc, a tiny and dead simple SSG !

LebCit · Nov 13, 2022 · 5df849e · 5df849e
1 parent b9a59cf
commit 5df849e
Show file tree

Hide file tree

Showing 21 changed files with 997 additions and 135 deletions.
diff --git a/feed/feed.json b/feed/feed.json
@@ -9,6 +9,12 @@
     "url": "https://lebcit.github.io/about/"
   },
   "items": [{
+      "id": "https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/",
+      "url": "https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/",
+      "title": "Blog-Doc, a tiny and dead simple SSG !",
+      "content_html": "<p><em>This post is about Blog-Doc, a tiny and dead simple static site generator written in JavaScript.</em></p>\n<p>Blog-Doc uses EJS as a templating language and Markdown to write and format the markup of the generated posts and pages.</p>\n<h2 id=\"motivation\">Motivation <a class=\"direct-link\" href=\"#motivation\">#</a></h2>\n<p>It's after some of my previous tutorials about templating a Node.js app with EJS and turning it to a simple SSG with the ability to write posts and pages in Markdown that I've decided to put it all together and bring it to the light as a proof of concept and prototype.</p>\n<h2 id=\"live-demo-%26-documentation\">Live demo &amp; documentation <a class=\"direct-link\" href=\"#live-demo-%26-documentation\">#</a></h2>\n<p>An overview of the app and it's documentation can be found on <a href=\"https://blog-doc.deta.dev/\" target=\"_blank\" rel=\"external noopener noreferrer\">Blog-Doc</a> live demo site.</p>\n<h2 id=\"nota-bene\">Nota Bene <a class=\"direct-link\" href=\"#nota-bene\">#</a></h2>\n<p>You can take Blog-Doc as a prototype and modify it totally to use it with another design and/or another template language.</p>\n<p>I really hope that this app will be useful in any way for a lot of people out there, I'm considering it as my personal contribution to the Node.js, Express, EJS and Markdown communities.</p>\n",
+      "date_published": "2022-11-13T00:00:00Z"
+    },{
       "id": "https://lebcit.github.io/posts/click-without-javascript/",
       "url": "https://lebcit.github.io/posts/click-without-javascript/",
       "title": "Click without JavaScript !",

diff --git a/feed/feed.xml b/feed/feed.xml
@@ -5,13 +5,30 @@
 
 	<link href="https://lebcit.github.io/feed/feed.xml" rel="self"/>
 	<link href="https://lebcit.github.io/"/>
-	<updated>2022-08-01T00:00:00Z</updated>
+	<updated>2022-11-13T00:00:00Z</updated>
 	<id>https://lebcit.github.io/</id>
 	<author>
 		<name>LebCit</name>
 		<email></email>
 	</author>
 
+	<entry>
+		<title>Blog-Doc, a tiny and dead simple SSG !</title>
+		<link href="https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/"/>
+		<updated>2022-11-13T00:00:00Z</updated>
+		<id>https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/</id>
+		<content type="html">&lt;p&gt;&lt;em&gt;This post is about Blog-Doc, a tiny and dead simple static site generator written in JavaScript.&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;Blog-Doc uses EJS as a templating language and Markdown to write and format the markup of the generated posts and pages.&lt;/p&gt;
+&lt;h2 id=&quot;motivation&quot;&gt;Motivation &lt;a class=&quot;direct-link&quot; href=&quot;https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/#motivation&quot;&gt;#&lt;/a&gt;&lt;/h2&gt;
+&lt;p&gt;It&#39;s after some of my previous tutorials about templating a Node.js app with EJS and turning it to a simple SSG with the ability to write posts and pages in Markdown that I&#39;ve decided to put it all together and bring it to the light as a proof of concept and prototype.&lt;/p&gt;
+&lt;h2 id=&quot;live-demo-%26-documentation&quot;&gt;Live demo &amp;amp; documentation &lt;a class=&quot;direct-link&quot; href=&quot;https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/#live-demo-%26-documentation&quot;&gt;#&lt;/a&gt;&lt;/h2&gt;
+&lt;p&gt;An overview of the app and it&#39;s documentation can be found on &lt;a href=&quot;https://blog-doc.deta.dev/&quot; target=&quot;_blank&quot; rel=&quot;external noopener noreferrer&quot;&gt;Blog-Doc&lt;/a&gt; live demo site.&lt;/p&gt;
+&lt;h2 id=&quot;nota-bene&quot;&gt;Nota Bene &lt;a class=&quot;direct-link&quot; href=&quot;https://lebcit.github.io/posts/blog-doc-a-tiny-and-dead-simple-ssg/#nota-bene&quot;&gt;#&lt;/a&gt;&lt;/h2&gt;
+&lt;p&gt;You can take Blog-Doc as a prototype and modify it totally to use it with another design and/or another template language.&lt;/p&gt;
+&lt;p&gt;I really hope that this app will be useful in any way for a lot of people out there, I&#39;m considering it as my personal contribution to the Node.js, Express, EJS and Markdown communities.&lt;/p&gt;
+</content>
+	</entry>
+
 	<entry>
 		<title>Click without JavaScript !</title>
 		<link href="https://lebcit.github.io/posts/click-without-javascript/"/>

diff --git a/img/digital-art-painting-of-giant-clocks-mechanisms.webp b/img/digital-art-painting-of-giant-clocks-mechanisms.webp
diff --git a/index.html b/index.html
@@ -81,12 +81,12 @@ <h1 class="site-title">
   <article class="postlist-article">
 	<header class="post-header">
 		<h2 class="post-title">
-		<a href="/posts/click-without-javascript/" class="postlist-link" rel="bookmark">Click without JavaScript ! </a>
+		<a href="/posts/blog-doc-a-tiny-and-dead-simple-ssg/" class="postlist-link" rel="bookmark">Blog-Doc, a tiny and dead simple SSG ! </a>
 		</h2>
 		<p class="post-meta">
 			<span>Posted on</span>
 			<span class="posted-on">
-				<time class="postlist-date" datetime="2022-08-01">01 Aug 2022</time>
+				<time class="postlist-date" datetime="2022-11-13">13 Nov 2022</time>
 			</span>
 
 
@@ -98,22 +98,31 @@ <h2 class="post-title">
 
 
 					<span class="post-tag">
-						<a href="/tags/CSS/">CSS</a>
+						<a href="/tags/Development/">Development</a>
 					</span>
 					<span class="post-tag">
-						<a href="/tags/Tips and Tricks/">Tips and Tricks</a>
+						<a href="/tags/EJS/">EJS</a>
+					</span>
+					<span class="post-tag">
+						<a href="/tags/Express/">Express</a>
+					</span>
+					<span class="post-tag">
+						<a href="/tags/Markdown/">Markdown</a>
+					</span>
+					<span class="post-tag">
+						<a href="/tags/Node.js/">Node.js</a>
 					</span>
 
 		</p>
 	</header>
 
 	<div class="postlist-description">
 		<p>
-			This post is about clicking on an element without JavaScript.
+			This post is about Blog-Doc, a tiny and dead simple static site generator written in JavaScript.
 		</p>
 	</div>
 	<p>
-		<a class="read-more-link" aria-label="Read More about Click without JavaScript !" tabindex="0" role="button" href="/posts/click-without-javascript/" target="_self">Read The Post</a>
+		<a class="read-more-link" aria-label="Read More about Blog-Doc, a tiny and dead simple SSG !" tabindex="0" role="button" href="/posts/blog-doc-a-tiny-and-dead-simple-ssg/" target="_self">Read The Post</a>
 	</p>
 </article>
 
@@ -123,12 +132,12 @@ <h2 class="post-title">
   <article class="postlist-article">
 	<header class="post-header">
 		<h2 class="post-title">
-		<a href="/posts/turn-a-markdown-blog-to-a-simple-ssg/" class="postlist-link" rel="bookmark">Turn a Markdown blog to a simple SSG </a>
+		<a href="/posts/click-without-javascript/" class="postlist-link" rel="bookmark">Click without JavaScript ! </a>
 		</h2>
 		<p class="post-meta">
 			<span>Posted on</span>
 			<span class="posted-on">
-				<time class="postlist-date" datetime="2022-07-31">31 Jul 2022</time>
+				<time class="postlist-date" datetime="2022-08-01">01 Aug 2022</time>
 			</span>
 
 
@@ -140,28 +149,22 @@ <h2 class="post-title">
 
 
 					<span class="post-tag">
-						<a href="/tags/Development/">Development</a>
-					</span>
-					<span class="post-tag">
-						<a href="/tags/EJS/">EJS</a>
-					</span>
-					<span class="post-tag">
-						<a href="/tags/Express/">Express</a>
+						<a href="/tags/CSS/">CSS</a>
 					</span>
 					<span class="post-tag">
-						<a href="/tags/Node.js/">Node.js</a>
+						<a href="/tags/Tips and Tricks/">Tips and Tricks</a>
 					</span>
 
 		</p>
 	</header>
 
 	<div class="postlist-description">
 		<p>
-			This post is about improving a Markdown blog and turn it into a simple SSG.
+			This post is about clicking on an element without JavaScript.
 		</p>
 	</div>
 	<p>
-		<a class="read-more-link" aria-label="Read More about Turn a Markdown blog to a simple SSG" tabindex="0" role="button" href="/posts/turn-a-markdown-blog-to-a-simple-ssg/" target="_self">Read The Post</a>
+		<a class="read-more-link" aria-label="Read More about Click without JavaScript !" tabindex="0" role="button" href="/posts/click-without-javascript/" target="_self">Read The Post</a>
 	</p>
 </article>
 
@@ -171,12 +174,12 @@ <h2 class="post-title">
   <article class="postlist-article">
 	<header class="post-header">
 		<h2 class="post-title">
-		<a href="/posts/markdown-blog-with-ejs/" class="postlist-link" rel="bookmark">Markdown blog with EJS </a>
+		<a href="/posts/turn-a-markdown-blog-to-a-simple-ssg/" class="postlist-link" rel="bookmark">Turn a Markdown blog to a simple SSG </a>
 		</h2>
 		<p class="post-meta">
 			<span>Posted on</span>
 			<span class="posted-on">
-				<time class="postlist-date" datetime="2022-07-25">25 Jul 2022</time>
+				<time class="postlist-date" datetime="2022-07-31">31 Jul 2022</time>
 			</span>
 
 
@@ -205,11 +208,11 @@ <h2 class="post-title">
 
 	<div class="postlist-description">
 		<p>
-			This post is about creating a Markdown blog with EJS.
+			This post is about improving a Markdown blog and turn it into a simple SSG.
 		</p>
 	</div>
 	<p>
-		<a class="read-more-link" aria-label="Read More about Markdown blog with EJS" tabindex="0" role="button" href="/posts/markdown-blog-with-ejs/" target="_self">Read The Post</a>
+		<a class="read-more-link" aria-label="Read More about Turn a Markdown blog to a simple SSG" tabindex="0" role="button" href="/posts/turn-a-markdown-blog-to-a-simple-ssg/" target="_self">Read The Post</a>
 	</p>
 </article>
 

diff --git a/page/1/index.html b/page/1/index.html
@@ -75,12 +75,12 @@ <h1 class="site-title">
   <article class="postlist-article">
 	<header class="post-header">
 		<h2 class="post-title">
-		<a href="/posts/express-global-router-for-a-dry-code/" class="postlist-link" rel="bookmark">Express global router for a DRY code </a>
+		<a href="/posts/markdown-blog-with-ejs/" class="postlist-link" rel="bookmark">Markdown blog with EJS </a>
 		</h2>
 		<p class="post-meta">
 			<span>Posted on</span>
 			<span class="posted-on">
-				<time class="postlist-date" datetime="2022-07-18">18 Jul 2022</time>
+				<time class="postlist-date" datetime="2022-07-25">25 Jul 2022</time>
 			</span>
 
 
@@ -92,25 +92,28 @@ <h2 class="post-title">
 
 
 					<span class="post-tag">
-						<a href="/tags/Express/">Express</a>
+						<a href="/tags/Development/">Development</a>
 					</span>
 					<span class="post-tag">
-						<a href="/tags/Node.js/">Node.js</a>
+						<a href="/tags/EJS/">EJS</a>
 					</span>
 					<span class="post-tag">
-						<a href="/tags/Tips and Tricks/">Tips and Tricks</a>
+						<a href="/tags/Express/">Express</a>
+					</span>
+					<span class="post-tag">
+						<a href="/tags/Node.js/">Node.js</a>
 					</span>
 
 		</p>
 	</header>
 
 	<div class="postlist-description">
 		<p>
-			This post is about using a global router in Express for a DRY code.
+			This post is about creating a Markdown blog with EJS.
 		</p>
 	</div>
 	<p>
-		<a class="read-more-link" aria-label="Read More about Express global router for a DRY code" tabindex="0" role="button" href="/posts/express-global-router-for-a-dry-code/" target="_self">Read The Post</a>
+		<a class="read-more-link" aria-label="Read More about Markdown blog with EJS" tabindex="0" role="button" href="/posts/markdown-blog-with-ejs/" target="_self">Read The Post</a>
 	</p>
 </article>
 
@@ -120,12 +123,12 @@ <h2 class="post-title">
   <article class="postlist-article">
 	<header class="post-header">
 		<h2 class="post-title">
-		<a href="/posts/improving-a-nodejs-app-built-with-express-and-ejs/" class="postlist-link" rel="bookmark">Improving a Node.js app built with Express and EJS </a>
+		<a href="/posts/express-global-router-for-a-dry-code/" class="postlist-link" rel="bookmark">Express global router for a DRY code </a>
 		</h2>
 		<p class="post-meta">
 			<span>Posted on</span>
 			<span class="posted-on">
-				<time class="postlist-date" datetime="2022-07-17">17 Jul 2022</time>
+				<time class="postlist-date" datetime="2022-07-18">18 Jul 2022</time>
 			</span>
 
 
@@ -137,28 +140,25 @@ <h2 class="post-title">
 
 
 					<span class="post-tag">
-						<a href="/tags/Development/">Development</a>
-					</span>
-					<span class="post-tag">
-						<a href="/tags/EJS/">EJS</a>
+						<a href="/tags/Express/">Express</a>
 					</span>
 					<span class="post-tag">
-						<a href="/tags/JavaScript/">JavaScript</a>
+						<a href="/tags/Node.js/">Node.js</a>
 					</span>
 					<span class="post-tag">
-						<a href="/tags/Node.js/">Node.js</a>
+						<a href="/tags/Tips and Tricks/">Tips and Tricks</a>
 					</span>
 
 		</p>
 	</header>
 
 	<div class="postlist-description">
 		<p>
-			This post is about improving a Node.js application built with Express and EJS.
+			This post is about using a global router in Express for a DRY code.
 		</p>
 	</div>
 	<p>
-		<a class="read-more-link" aria-label="Read More about Improving a Node.js app built with Express and EJS" tabindex="0" role="button" href="/posts/improving-a-nodejs-app-built-with-express-and-ejs/" target="_self">Read The Post</a>
+		<a class="read-more-link" aria-label="Read More about Express global router for a DRY code" tabindex="0" role="button" href="/posts/express-global-router-for-a-dry-code/" target="_self">Read The Post</a>
 	</p>
 </article>
 
@@ -168,12 +168,12 @@ <h2 class="post-title">
   <article class="postlist-article">
 	<header class="post-header">
 		<h2 class="post-title">
-		<a href="/posts/templating-a-nodejs-app-with-ejs/" class="postlist-link" rel="bookmark">Templating a Node.js app with EJS </a>
+		<a href="/posts/improving-a-nodejs-app-built-with-express-and-ejs/" class="postlist-link" rel="bookmark">Improving a Node.js app built with Express and EJS </a>
 		</h2>
 		<p class="post-meta">
 			<span>Posted on</span>
 			<span class="posted-on">
-				<time class="postlist-date" datetime="2022-07-09">09 Jul 2022</time>
+				<time class="postlist-date" datetime="2022-07-17">17 Jul 2022</time>
 			</span>
 
 
@@ -202,11 +202,11 @@ <h2 class="post-title">
 
 	<div class="postlist-description">
 		<p>
-			This post is about templating a Node.js application with EJS.
+			This post is about improving a Node.js application built with Express and EJS.
 		</p>
 	</div>
 	<p>
-		<a class="read-more-link" aria-label="Read More about Templating a Node.js app with EJS" tabindex="0" role="button" href="/posts/templating-a-nodejs-app-with-ejs/" target="_self">Read The Post</a>
+		<a class="read-more-link" aria-label="Read More about Improving a Node.js app built with Express and EJS" tabindex="0" role="button" href="/posts/improving-a-nodejs-app-built-with-express-and-ejs/" target="_self">Read The Post</a>
 	</p>
 </article>