00:52

文 / Essay

示例文章 · 这一页是用来看排版的

这一页存在的唯一目的,是让你判断中文长正文在这个网站上读起来是什么感觉。请把注意力放在几个地方:一行有多少字、行与行之间有多远、标点占的位置对不对、以及中文和 English 混排时会不会打架。

正文用的是思源宋体,一行大约三十六个字。这个宽度不是随便定的——太宽了眼睛从行尾回到下一行的行首会迷路,太窄了又会不停换行。行高设成了 2.0,比大多数网站松,因为中文的字面比拉丁字母满,不给足垂直空间会显得密不透风。

这是二级标题

标题和正文用的是同一款字,只靠字号、字重和上下留白拉开层级。这是克制的做法;如果你想要更强的对比,也可以给标题换一款字。

段落里出现数字和英文的时候,比如 2026 年、AVIF 格式、LSE,你可以观察一下它们和汉字挨在一起的样子。这是中文网站最容易垮掉的地方。

引用的样子是这样的。左边有一道赭石色的细线,文字颜色比正文淡一点。

再来一段普通的正文,好让你看到连续两段之间的间距是否合适。段落之间的空白应该刚好能让人停顿一下,但不至于让两段看起来像是互不相干的两件事。


分隔线之后可以继续写。如果你要在文章里插图,把图片放进同一个文件夹然后用 Markdown 的图片语法引用就行,网站会自动把它压成 AVIF 和 WebP,并按屏幕大小给出合适的尺寸。

← 全部文字