From 287f9a73ce5dcef26f99ddde5680dec947d7f6ed Mon Sep 17 00:00:00 2001
From: Randal Vance Cunanan <randal@randalvance.net>
Date: Mon, 10 Aug 2020 21:04:34 +0800
Subject: [PATCH] Update Blog Post

---
 ...eating-a-blog-with-11ty-and-netlify-cms.md | 28 +++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/blogPosts/creating-a-blog-with-11ty-and-netlify-cms.md b/blogPosts/creating-a-blog-with-11ty-and-netlify-cms.md
index 54c881c..bc7f5b5 100644
--- a/blogPosts/creating-a-blog-with-11ty-and-netlify-cms.md
+++ b/blogPosts/creating-a-blog-with-11ty-and-netlify-cms.md
@@ -6,13 +6,37 @@ tags:
   - 11ty
   - netlify
 ---
-This is a draft.
+
+
+In this tutorial, I will guide you on creating a blog using JAM Stack.
 
 What is 11ty?
-* It is a static site generator.
+- It is a static site generator.
 
 # Creating a new 11ty Project
 Let's first install the eleventy CLI by running the following command.
 ```text
 npm install -g @11ty/eleventy
+```
+Create a new folder for the project.
+```text
+mkdir my-blog
+cd my-blog
+```
+Open the current directory in your preferred editor. I'll be using Visual Studio for this tutorial.
+```text
+code .
+```
+Create a new markdown file `index.md` with the following content.
+```markdown
+# Welcome to my Blog
+```
+We can generate an HTML based of this markdown file by running the `eleventy` command.
+```text
+eleventy
+```
+By default, a `_site` folder with an `index.html` file which corresponds to the `index.md` file.
+The content of the generated `index.html` file is as follows.
+```jsx
+<h1>Welcome to my Blog</h1>
 ```
\ No newline at end of file