Update Blog Post

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>
 ```