My Blog Setup


Framework

For the framework, I am using Astro, which supports Markdown and MDX and automatically converts it to HTML.

Astro logo

Hosting

For hosting, I use Cloudflare Pages, mainly because it’s free and supports the Astro framework mentioned above.

Cloudflare logo

Workflow

1.

I use Visual Studio Code to edit my blog posts in the src/content/blog folder of my project.

/
├── public/
│   ├── robots.txt
│   └── favicon.ico
├── src/
│   └── content/
│       └── blog/ <----
└── package.json

2.

After the blog post—written in Markdown—is finished, I commit the file and push it to the master branch on GitHub.

3.

From there, a Cloudflare webhook automatically builds a new Astro site, and the post goes live.