NOTE · 2026.09.04

文字的形状:博客排版漫游

用一篇文章检验标题、引用、代码、表格与图片说明的阅读体验。

文章目录

好的排版不会抢走内容的注意力。它更像一条安静的小径,让眼睛知道下一步该往哪里走。

标题与层次

一篇长文章需要清晰的结构。二级标题划分章节,三级标题则适合解释章节中的某个具体问题。

留白不是浪费

留白能让不同概念之间产生呼吸。与其用大量边框分隔内容,不如通过距离建立自然层次。

写作并不是把页面填满,而是把真正重要的东西留下来。

列表与强调

写作时经常需要整理一些并列信息:

  1. 先说清楚问题是什么。
  2. 给出必要的背景。
  3. 最后提供可以执行的结论。

无序列表更适合没有先后关系的内容:

  • 足够清晰的标题
  • 舒适的行高与行宽
  • 克制而一致的颜色

正文里也可以使用 重点文字轻微强调,以及像 hugo server 这样的行内代码。

代码展示

下面是一段简单的 JavaScript:

const greeting = (name) => {
  return `早上好,${name}。`;
};

console.log(greeting("東雲 Nano"));

代码区域应该与正文有所区别,但仍然属于同一套视觉语言。

表格

元素 作用 使用建议
标题 建立结构 保持层级连续
引用 补充声音 避免篇幅过长
代码 展示实现 标注语言类型

最后的检查

真正的测试来自阅读。桌面端需要控制行宽,手机端则应保证文字大小、代码横向滚动和目录操作都足够自然。

如果你读到这里没有被排版本身打断,那么它已经完成了大部分工作。