如何设计一个简洁耐看的个人博客主题

   写作与阅读之间，隔着一层叫「排版」的东西。它像安静的茶水间服务生——你几乎感觉不到它的存在，但少了它，一切都显得局促。博客主题设计的第一步，从来不是挑选漂亮的字体，而是想清楚：当读者打开一篇文章时，我们希望他的眼睛先落在哪里，然后往哪里走。

   这篇文章不会给你一份华丽的样式清单，而是分享我在设计这个主题时的几条核心判断，以及它们背后的原因。如果你正打算给自己的博客做一套主题，希望这些取舍能给你一些参考。

一、先定阅读宽度，再谈其他

中文阅读的黄金行长通常落在每行 30–40 个汉字之间。太宽，视线从行尾折返时会串行；太窄，频繁换行会打断思维的连贯。这也是为什么很多博客把正文容器固定在 700px 左右，而不是铺满整个屏幕。

—— Jan Tschichold，字体排印先驱

我最终选择了 740px 作为内容容器宽度，首页的列表、正文与页脚保持一致，让整站有一种「一以贯之」的秩序感。在移动端，这个容器会退化为流式宽度，配合 18px 左右的页面边距，避免文字贴边。

二、字号与行高的节奏

正文我使用 16.5px、1.9 倍行高。这个组合在桌面阅读器上既不显得稀疏，也不会让长文产生压迫感。层级上遵循「宁可小步，不可跳步」的原则：

• 正文：16.5px，主色偏深灰而非纯黑，长时间阅读更柔和；
• 二级标题：24px 加粗，前面加一小段强调色块作为「锚点」；
• 三级标题：19px 加粗，用于二级之下的细分小节；
• 摘要与引言：17.5px、略高的灰度，与正文区分开。

这里有一个容易被忽略的细节：标题的断行。中文标题如果断行断得难看（例如把「设计」两个字孤零零甩到第二行），阅读体验会大打折扣，所以标题区我保留了较大的行高并开启了合理的断词规则。

色彩：只留一个强调色

整个主题只使用一个强调色——一种偏冷静的蓝色。分类标签、链接、选区、标题色块，都从这一个颜色派生出来。这样做的收益是：页面信息再多，视觉上也只有一个「声部」，读者不会无所适从。

其余颜色全部收敛到中性色阶：白底、深灰正文、中灰辅助信息、浅灰分隔线。克制，是这个主题愿意坚持的品格。