isaac@blog: ~/blog/hello
~/blog cat hello.md

hello, /blog

First post. This blog shares one design system with the rest of the site — the same theme.css tokens, the same night/day toggle, the same terminal aesthetic. The landing page was never touched to build it.

how it fits together

The landing page (index.html) is a self-contained bundle, so it stays exactly as-is. Hugo mounts it into the build instead of rewriting it, then generates everything under /blog/ around it.

  • theme.css — the shared night/day design tokens
  • layouts/ — the terminal-styled templates
  • content/blog/ — posts, in Markdown

writing a post

hugo new content blog/my-post.md   # scaffold from the archetype
hugo server -D                     # live preview, drafts included

Flip draft = false in the front matter and it ships.

the usual elements

Inline code, bold, and emphasis all pick up the palette. Links like anrim.ai use the accent color.

Correctness and reliability are non-negotiable — even for a blog’s CSS.

A fenced block, syntax-highlighted:

-- reverse-mode AD as an algebraic effect
diff :: Floating a => (Dual a -> Dual a) -> a -> a
diff f = tangent . f . flip Dual 1

That’s the whole system. cd .. and start writing.