This site just went through a complete rebuild, and this article doubles as its living documentation: every feature the engine supports appears somewhere on this page. The raw Markdown source of this page is served alongside it, so it's also the reference for how each block is written.
\nLong-form text is set in Newsreader with a 70-character measure — the sweet spot for sustained reading. Inline styles work as expected: bold, italic, strikethrough, inline code, and links. Keyboard keys render like Ctrl+K.
\n\nRegular blockquotes still look like this. Good for quoting people who said smart things.
\n
Lists, of course:
\n| Feature | \nBuild-time | \nClient JS | \n
|---|---|---|
| Syntax highlighting | \nShiki | \nnone | \n
| Math | \nKaTeX | \nnone | \n
| Diagrams | \n— | \nMermaid (lazy) | \n
| Running code | \n— | \non demand | \n
Note
\nFive callout types are supported, using GitHub's blockquote syntax — so they degrade gracefully anywhere else markdown is rendered.
\nTip
\nUse hl={3-5} on a code fence to highlight lines three through five.
Important
\nRunnable blocks need complete programs — a Go snippet must be a full package main.
Warning
\nThe Go snippets on this page execute on the public Go Playground via a proxy. Don't paste secrets into things you run.
\nCaution
\nJavaScript you run executes in your own browser (sandboxed in a Web Worker). Only run code you understand.
\nFootnotes get proper references1 with backlinks, and they can contain multiple sentences2.
\nCode blocks get a header with an optional filename, a language badge, and a copy button. Highlighted lines use fence metadata:
\npackage main\n\nimport \"fmt\"\n\nfunc greet(name string) string {\n\treturn fmt.Sprintf(\"Hello, %s!\", name)\n}\n\nfunc main() {\n\tfmt.Println(greet(\"world\"))\n}Diffs work with the diff language:
-const theme = localStorage.getItem('theme') || 'light';\n+const theme = localStorage.getItem('theme'); // null = follow the systemThis is the fun part. Blocks marked run get a Run button. Go programs execute on the official Go Playground (proxied through this site's Worker), and the playground's event timing is preserved — watch the goroutines interleave:
package main\n\nimport (\n\t\"fmt\"\n\t\"time\"\n)\n\nfunc worker(id int, done chan<- string) {\n\ttime.Sleep(time.Duration(id) * 300 * time.Millisecond)\n\tdone <- fmt.Sprintf(\"worker %d finished\", id)\n}\n\nfunc main() {\n\tdone := make(chan string)\n\tfor i := 1; i <= 3; i++ {\n\t\tgo worker(i, done)\n\t}\n\tfor i := 0; i < 3; i++ {\n\t\tfmt.Println(<-done)\n\t}\n}SQL runs entirely in your browser — a fresh in-memory SQLite database every time, courtesy of WebAssembly. No server involved:
\nCREATE TABLE langs (name TEXT, born INTEGER, systems BOOLEAN);\n\nINSERT INTO langs VALUES\n ('Go', 2009, 1),\n ('Rust', 2010, 1),\n ('SQL', 1974, 0),\n ('Zig', 2016, 1);\n\nSELECT name, born FROM langs\nWHERE systems = 1\nORDER BY born;JavaScript runs in a sandboxed Web Worker with a five-second watchdog:
\nconst fib = (n) => n < 2 ? n : fib(n - 1) + fib(n - 2);\n\nfor (let i = 10; i <= 14; i++) {\n console.log(`fib(${i}) = ${fib(i)}`);\n}The static block under each runnable snippet is pre-recorded output — it is what you see if JavaScript is off or the playground is unreachable, and the live output replaces it when you hit Run.
\nInline math like flows with the text. Display math gets its own block:
\nAll rendered at build time — your browser downloads no math JavaScript.
\nMermaid diagrams are rendered client-side, lazily, and follow the site theme:
\n[Diagram — view on the site]
\nImages become proper figures with lazy loading and a lightbox — click to zoom:
\nYouTube embeds are click-to-load facades: nothing is fetched from Google until you press play.
\nA few things you can't see on this page:
\ndraft: true keeps an article out of every build unless you pass --drafts.archived: 2027-01-01 and the article gains an archived banner on that date.That's the tour. The source is public — steal anything you like.
\n