Hello, world

The obligatory first post: what this site is, and how it works.

Welcome! This site is built with Astro and styled with Pico CSS. Posts are written in MDX, which means normal Markdown works everywhere, and components can be sprinkled in when a post needs something interactive.

Everything you’d expect from Markdown

Lists, links, and emphasis all work. So do blockquotes:

The cheapest, fastest, and most reliable components are those that aren’t there. — Gordon Bell

And tables:

Thing Why it’s here
Astro Static output, zero JS by default
Pico CSS Beautiful semantic HTML, no classes
MDX Markdown plus components

Code blocks are syntax-highlighted at build time with Shiki, so highlighting costs nothing at runtime and adapts to light and dark mode:

const posts = await getCollection('blog');
const latest = posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());

Writing a new post

Add a file to src/content/blog/ with a small frontmatter block — title, description, date — and start writing. That’s the whole workflow.