这是一篇用来演示「正文目录」的示例文章。只要正文里用标题 2（H2）与标题 3（H3）分出章节，前台页面就会在正文旁自动生成目录，点击任意条目可平滑跳转到对应章节，滚动阅读时还会自动高亮当前所在章节。

一、先认识「标题」与「段落」

目录能定位的前提，是正文真的存在章节结构。编辑器里每个小节标题都要用“标题”格式，而不是把整段文字加粗放大。

1. 标题 2（H2）充当一级章节

每个 H2 会作为目录中的一条一级条目，类似 Word 大纲的第一层，会显示序号并加粗展示。

2. 标题 3（H3）充当二级小节

紧跟某个 H2 之后的 H3，会自动收纳到它的一级条目下面，缩进显示为子项，形成两层树形目录。

二、在后台编辑器里如何操作

入口：内容管理 → 选中目标栏目 → 「新增内容」或行内「编辑」→ 打开「正文内容」页签。

1. 选中小节标题，用工具栏「格式」下拉

把光标放到小节标题那一行，点击编辑器工具栏最左侧的“格式”下拉，选择“标题 2”或“标题 3”即可。

2. 普通叙述文字保持“正文段落”

正文中的普通文字不需要任何设置，保持默认的“正文段落”（Paragraph）就好，二者组合即为完整的段落式内容。

三、前台展示效果

1. 宽屏左侧目录吸顶高亮

当屏幕宽度达到 1180px 以上，目录会吸附在正文左侧并随页面滚动，当前章节高亮显示。

2. 窄屏目录显示在正文上方

在手机等窄屏设备上，目录自动变成正文顶部的一块卡片，点击同样能平滑定位到目标小节。

四、常见问题

Q：为什么我的文章没有目录？

正文中的 H2/H3 标题少于 2 个，或完全没有使用标题格式时，不会生成目录，这是正常的。

Q：旧文章需要重新编辑吗？

不需要。任何已发布内容只要正文里含 2 个以上 H2/H3 标题，刷新前台页面后即可自动出现目录。