Hello World — 这个博客怎么用
1 分钟meta · mdx
Read in English →这是 jerryzhang.me 的第一篇博客。它同时是上线测试 + 写作模板 + 自我介绍。
MDX 写什么
MDX 就是 Markdown 加上可以嵌入 React 组件。但大多数时候你不需要。常规 Markdown 就够了。
- 列表项一
- 列表项二,可以套链接 比如指向首页
- 列表项三
代码块自动高亮
import { getAllPosts } from "@/lib/posts";
const posts = getAllPosts("zh");
console.log(`一共有 ${posts.length} 篇文章`);
主题用的是 shiki 的 vesper,配色和 Linear 的紫调匹配。
引用
把页面做成产品资产,把反馈做成日报,把外链机会做成 Agent。
跨语言链接
如果一篇博客同时有中英版本,front-matter 里写 translation.en: <slug>,文章顶部会自动出现「This post has an English version →」的链接。这一篇就是。
草稿
front-matter 加 draft: true,本地 pnpm dev 看得见,pnpm build 跳过。
之后会陆续把 Framer 上的内容迁过来。