文字的形状:博客排版漫游
用一篇文章检验标题、引用、代码、表格与图片说明的阅读体验。
文章目录
好的排版不会抢走内容的注意力。它更像一条安静的小径,让眼睛知道下一步该往哪里走。
标题与层次
一篇长文章需要清晰的结构。二级标题划分章节,三级标题则适合解释章节中的某个具体问题。
留白不是浪费
留白能让不同概念之间产生呼吸。与其用大量边框分隔内容,不如通过距离建立自然层次。
写作并不是把页面填满,而是把真正重要的东西留下来。
列表与强调
写作时经常需要整理一些并列信息:
- 先说清楚问题是什么。
- 给出必要的背景。
- 最后提供可以执行的结论。
无序列表更适合没有先后关系的内容:
- 足够清晰的标题
- 舒适的行高与行宽
- 克制而一致的颜色
正文里也可以使用 重点文字、轻微强调,以及像 hugo server 这样的行内代码。
代码展示
下面是一段简单的 JavaScript:
const greeting = (name) => {
return `早上好,${name}。`;
};
console.log(greeting("東雲 Nano"));
代码区域应该与正文有所区别,但仍然属于同一套视觉语言。
表格
| 元素 | 作用 | 使用建议 |
|---|---|---|
| 标题 | 建立结构 | 保持层级连续 |
| 引用 | 补充声音 | 避免篇幅过长 |
| 代码 | 展示实现 | 标注语言类型 |
最后的检查
真正的测试来自阅读。桌面端需要控制行宽,手机端则应保证文字大小、代码横向滚动和目录操作都足够自然。
如果你读到这里没有被排版本身打断,那么它已经完成了大部分工作。