Today I decided to start documenting my learning journey. Instead of using a complex static site generator, I'm building my own simple blog with HTML and CSS to really understand how everything works from the ground up.

Why Build My Own?

While tools like Hugo and Jekyll are powerful, I wanted something that would help me learn HTML and CSS more deeply. By building my own simple blog structure, I get to:

The Setup

My blog structure is pretty straightforward:

my-blog/
├── index.html          (main blog page)
├── posts/
│   ├── first-post.html
│   ├── css-notes.html
│   └── ...
└── styles/
    └── main.css        (optional: external CSS)

Adding New Posts

When I want to add a new post, I just:

  1. Create a new HTML file in the posts/ folder
  2. Copy this template and update the content
  3. Add a link to the new post on the main index page
  4. Commit and push to GitHub

It's simple, but that's exactly what I want while I'm learning.

What's Next?

I'm planning to write about everything I learn - from CSS tricks to JavaScript concepts to random thoughts about programming. The goal is to build the habit of documenting and reflecting on my learning process.

"The best way to learn is to teach" - or in this case, to write about what you're learning as you go.