为 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 字:容易读串行
小建议

中文段落建议不超过四行,长段落拆开读起来更轻松。

中英混排

样式字号行高
正文与导语17px1.75
小字14px1.6
代码14px1.7

以上。