After a stretch of intense vibe coding, the first version of my personal blog is finally ready. 🎉

🛠️ Technology overview

  • Core framework: Astro, chosen for its content-first approach and excellent static-site performance.
  • Content: MDX through @astrojs/mdx, so components can be embedded in Markdown.
  • Styling: native CSS and Astro scoped styles, keeping components isolated without a large CSS framework.
  • Build tool: Vite, built into Astro.
  • SEO and feeds: @astrojs/sitemap and @astrojs/rss.

Current progress

  • Post lists and article pages
  • Tag filtering
  • Playful interactive ghosts
  • Responsive design

My favorite part is the screen full of Lost ghosts. I spent an entire evening finding and separating the sprites, and it was worth it.

I originally wanted to use an animation player from The Binding of Isaac Wiki, but its official GitHub repository had no documentation. I eventually used a practical workaround: cycle through the extracted game sprites in sequence to recreate the animation.