Hello, World
The first post on the TyPhed blog β a quick tour of MDX, LaTeX math, tables, and syntax-highlighted code.
Welcome to the TyPhed blog. This first post exists to exercise the content pipeline end to end, so you can see exactly what Markdown, math, tables, and code look like once they are rendered with the site theme.
Inline and display math
Math is written in plain LaTeX and typeset with KaTeX at build time β there is no runtime JavaScript cost. The massβenergy equivalence is , and Euler's identity, , sits inline with the prose.
A display equation renders centered on its own line:
Longer expressions scroll horizontally on small screens rather than breaking the layout:
Tables
GitHub-flavored Markdown tables work out of the box and pick up the theme border and muted header:
| Capability | Powered by | Ships in the export |
|---|---|---|
| Markdown + JSX | MDX | β |
| Math | KaTeX | β |
| Code highlight | Shiki | β |
Code
Fenced code blocks are highlighted at build time with dual light/dark themes, so they recolor with the theme toggle:
export function greet(name: string): string {
return `Hello, ${name}!`
}
greet("TyPhed")Inline code such as const answer = 42 is styled as a subtle pill.
Blockquotes, lists, and links all inherit the same tokens as the rest of the site, so posts feel like part of the brand rather than a bolt-on.
- Add a new
.mdxfile undercontent/blog/ - Give it
title,description, anddatefrontmatter - Push, cut a release, and it's live
Happy writing.