这篇文章的正文从一级标题开始,用来测试目录的归一化:有 h1 时,h2 在目录中自动降一级。右侧目录(移动端在正文上方)应该呈现完整的六级刻度。

一级标题:章

正文里的一级标题是”章”的级别:展示衬线、1.7em、底部分隔线。目录中它是 lv-0,无缩进。

二级标题:节

因为正文存在一级标题,这一级在目录里降为 lv-1(缩进 14px)。如果一篇文章正文直接从 h2 开始,h2 就是顶级 lv-0——两种写作习惯都成立。

展示衬线,1.22em。目录里 lv-2,缩进 26px,这是缩进阶梯的最后一档。

无衬线加强调色竖条。目录里进入青色区:缩进不再加深,靠颜色、字号和透明度区分。

无衬线小号加强调色文字。目录里青色 + 80% 透明度。

等宽大写,最接近元数据的一层。目录里青色 + 60% 透明度,是刻度的末端。

深级之后回到浅级,目录的阶梯应该干脆地退回 lv-1,不带任何残留缩进。

正文可以有多个一级标题,目录里它们都是 lv-0。