为 Astro 写一个安静的主题
从宣纸的颜色开始,聊版心、行距、中英混排,以及为什么只留一种强调色。
这是一篇示例文章,换成你自己的内容即可。文件名就是网址:src/content/posts/quiet-astro-theme.md 对应 /posts/quiet-astro-theme/。
从宣纸的颜色开始
底色 #faf9f7 不是纯白,也不发黄。重点内容可以高亮标出,链接是青色,整页只有这一种颜色。
颜色越少,每一次出现越有意义。
export default defineSite({
platforms: [{ platform: 'youtube', handle: '@example', primary: true }],
});
版心与行距
正文 17px、行高 1.75,版心 680px,大约一行 40 个汉字。
一行多少个字
- 少于 30 字:换行太频繁
- 30–45 字:舒适
- 超过 50 字:容易读串行
小建议
中文段落建议不超过四行,长段落拆开读起来更轻松。
比例写成 16:9、时间写成 10:30,不会被当成指令吞掉。
中英混排
| 样式 | 字号 | 行高 |
|---|---|---|
| 正文与导语 | 17px | 1.75 |
| 小字 | 14px | 1.6 |
| 代码 | 14px | 1.7 |
以上。