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:
- Practice HTML structure and semantic elements
- Experiment with CSS layouts and styling
- Understand exactly how everything works
- Have complete control over the design
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:
- Create a new HTML file in the
posts/folder - Copy this template and update the content
- Add a link to the new post on the main index page
- 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.