Building a markdown blog
I have been using OneNote to collect technical notes and Blogspot.com for blogging. The idea of combining both of them has been bugging my mind since the day I was introduced to Github Pages.
So the idea was to build a static website, where I can keep my notes.
1. Markdown 🗒
Considering the content lock-in I've experienced while using Blogspot. I decided to use markdown files for the post content.
2. GatsbyJs 🤩
ReactJs based static site generator with a huge user community and a great number of plugins.
Very awesome markdown support 👍
3. Netlify 🙌
The obvious choice in comparison to Github-Pages for the ease of convenience.
In this series, we will
- setting up a basic markdown blog without worrying about the looks.
- deploy our blog to Netlify.
- focus on enhancing the looks. [never ending process...]
Get Set, Go! 🚀
In this series, I'll write about each step in the journey of building this blog.
Below are the steps, which have been implemented on this site
- The Setup
- Site Configuration
- Blog Post List
- Blog Post Template
- Minimal layout using Tailwind
- Restructure index page
- Fix images not rendering
- Enable Gatsby incremental builds in Netlify
- Fix webpage title and favicon
- Adding a Header
- PostCSS Import
- Theming with tailwind
- Firebase Analytics
- Use tags
- Code Syntax Highlighting
- 404 Page
- Heading Links
- & much more stuff
FYI, I am posting updates in this Twitter thread.
If you think this is helpful 🎈
Don't keep it to yourself 🙊
Share it with your lovely followers at twitter 🗽