Hello World — How this blog works
1 minmeta · mdx
中文版可读 →This is the first post on jerryzhang.me. It's a launch test, an authoring template, and a brief intro all in one.
What you can write in MDX
MDX is Markdown plus the ability to embed React components. Most of the time, plain Markdown is enough.
- List item one
- List item two with a link to the home page
- List item three
Code blocks get auto-highlighted
import { getAllPosts } from "@/lib/posts";
const posts = getAllPosts("en");
console.log(`There are ${posts.length} posts`);
The theme is shiki's vesper, chosen to match Linear's purple-tinted palette.
Blockquotes
Make pages into product assets. Make feedback into daily ops. Make outreach into agents.
Cross-language linking
When a post has both Chinese and English versions, set translation.zh: <slug> (or translation.en) in the front-matter, and the post header automatically renders a "中文版可读 →" link. This one does.
Drafts
Set draft: true in front-matter. The post shows up under pnpm dev but is skipped at pnpm build.
More posts coming soon — migrating selected ones from the Framer site.