← 博客

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 上的内容迁过来。