第一篇：先把想法写下来

这是你博客的第一篇文章。你可以直接删掉它，或者照着它的结构改成你自己的内容。 写之前先记住一件事：先把想法写下来，再慢慢写好。一个不完美的初稿，永远胜过一份完美的提纲。

二级标题：文章的骨架

二级标题用来切分文章的主要段落。它在正文里是衬线字体、 字号 24px、上下留白 32px / 12px，跟正文的黑体形成对比——这是这套版式最明显的特征。

正文则是系统黑体、字号 16px、行高 1.85。中文长段落在这个行高下读起来不挤， 也不至于散。line-height 这个值是从源站实测来的，别随便改。

三级标题：更细的层次

三级标题字号 20px，用在二级标题下面需要再分一层的时候。 一篇文章建议二级标题控制在 5–7 个，三级标题能不用就不用。

引用块

需要强调一句别人的话，或者突出自己的某个判断时，用引用块：

写作是把混乱的想法，压缩成别人能理解的顺序。这个压缩过程， 才是真正思考发生的地方。

引用块左边有一道 4px 的浅灰竖线，文字颜色比正文略深。

列表

无序列表用来罗列并列项：

• 先写清楚一个具体问题，别一上来就写「我的思考」
• 每段只讲一件事，讲完就换行
• 能用例子说明的，就不要用形容词

有序列表用来讲步骤或顺序：

1. 把想说的话写成一堆乱序的要点
2. 找出它们之间的因果关系或时间顺序
3. 按这个顺序排好，再补上过渡句

代码

行内代码用 <code>，会有一层浅灰底色。整块代码用<pre>，等宽字体是 Geist Mono：

npm run dev     # 本地预览 http://localhost:3000
npm run check   # lint + typecheck + build

图片

图片直接放在段落里，会自动居中、带 1px 浅灰边框和圆角：

题图那张是在 page.tsx 里通过 hero 属性传进去的， 不写在正文里。

链接

正文里的链接是深色文字加浅灰下划线，鼠标悬停时下划线变深。 站外链接记得加 target="_blank" 和 rel="noopener noreferrer"。

接下来

删掉这篇，开一篇你自己的。写完记得重跑一次字体子集脚本， 否则新出现的汉字会掉回系统宋体：

python scripts/subset-cjk-font.py