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.