Vibe Coding an Emacs-Style Hugo Theme
Table of Contents
I've been using hugo-theme-terminal for my blog and really liked its clean, terminal-inspired aesthetic. But as someone who spends most of their day in Emacs, I wanted something that felt more like home.
So I vibe coded an Emacs-style theme with Claude. The entire thing - HTML templates, CSS, JavaScript interactions - was built through conversation with AI.
Features
- Dired-style article list with reading time, word count, and dates
- Window splitting with
C-x 2(vertical) andC-x 3(horizontal) - Navigate with
n/p, open withRET, go back withq - Modus Vivendi (dark) and Modus Operandi (light) themes, toggle with
t - Emacs modeline showing buffer name, scroll position, and mode
- Even has a working menu bar
The Result
The theme is available at github.com/ArthurHeymans/hugo-emacs-theme.
One less reason to leave Emacs - now even my blog looks like it.