zblog文章目录功能添加全教程：零代码基础也能10分钟搞定

你有没有过这种经历？花3小时写了篇3000字的干货文，发在zblog上没几个人看完。后台一看跳出率80%，好多人点进来划两下就走了。其实不是你内容不好，是长文没目录，读者找不到自己想看的部分。我前阵子帮一个做数码测评的朋友改博客，他之前的长文完读率才15%，加了目录之后直接涨到42%，收藏量翻了两倍。今天就把zblog加文章目录的3种方法全告诉你，不管你会不会代码，10分钟就能搞定。

一、插件一键安装法：纯小白也能5分钟搞定

这个方法不用碰任何代码，点几下鼠标就能弄好，完全没技术门槛，适合第一次玩zblog的新手。

1. 选对插件不踩坑

别去第三方网站乱搜插件，直接打开zblog官方应用中心，搜「文章目录」四个字。找下载量过千、最近半年有更新记录的插件，我自己测下来最稳的是叫「Zblog目录树」的那款，没有内置广告，也不会拖站点加载速度。

避坑提醒：别下那种两三年没更新的插件，大概率和新版zblog、新主题冲突，严重的会直接搞崩你的站点后台。

2. 安装设置一步到位

下载好插件压缩包之后，打开zblog后台，找到「插件管理」，点「上传插件」选刚才的压缩包，安装完成后点启用。

接下来进插件设置页，先勾选「自动插入到文章内容开头」，然后设置要抓取的标题层级，普通文章选h2、h3两个层级就够了，最多别加h4，不然目录太长太乱，读者看着烦。还可以勾选「文章字数超过1000字才显示目录」，短文章就不会出现多余的目录占位置。

举个例子，你写测评文的时候，大标题「外观实测」「性能跑分」用h2，下面的小点「屏幕显示效果」「游戏帧率表现」用h3，插件会自动抓这些标题生成目录，完全不用你手动调整。

二、主题代码修改法：自定义程度拉满还不占内存

如果你不想装多余的插件，想自己调整目录的样式，比如做成侧边悬浮的，那就用这个方法，全程只要复制粘贴几行代码就行。

1. 先备份再动手，避免搞崩站点

改代码之前一定要先备份。打开zblog后台的「主题管理」，找到你当前用的主题，把post.php、function.php、style.css这三个文件下载到本地存好，万一改坏了，直接把原文件传回去就能恢复，这点千万别省。

避坑提醒：如果你用的是收费商业主题，先去主题介绍页看看有没有自带目录功能，有的话直接开就行，不用自己改代码。

2. 粘贴代码就能用

首先打开主题的post.php文件，找到你想放目录的位置，一般是文章内容的最上方，粘贴下面这段代码：

``` ```

要是粘贴之后目录没显示，就去主题的function.php文件最底部，加一行代码就行：

``` Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','ArticleMenu'); ```

接下来你可以去style.css文件里加样式，想做成什么样子都可以。比如想让桌面端目录固定在右侧悬浮，手机端自动隐藏，直接搜「css固定悬浮目录」，抄现成的代码粘进去就行，不用自己写。

如果怕主题更新覆盖你改的代码，就去建个子主题，所有修改都放在子主题里，以后更新主主题完全不受影响。

三、免插件免改代码法：临时用一次也能搞定

如果你平时很少写长文，只是偶尔发一篇几千字的干货才需要目录，不想改站点的全局设置，就用这个方法，不用动站点任何配置。

1. 手动加目录的小技巧

写文章的时候，先把所有大标题列出来，给每个标题加个专属id。比如你的h2标题是「第一部分 选品思路」，就切换到编辑器的HTML模式，给这个标题加id="xpsl"，代码是：

```

第一部分 选品思路

```

然后在文章开头写目录，对应的「一、选品思路」这几个字，加个跳转链接xpsl，读者点一下就能直接跳到对应的部分，和自动生成的目录效果一模一样。

2. 快速生成目录的工具

不想手动加锚点的，直接搜「在线文章目录生成器」，把你写好的整篇文章内容粘进去，工具会自动识别你的标题层级，10秒钟就能生成带锚点的目录代码。你直接把代码粘到zblog文章编辑器的HTML模式开头就行，连格式都给你调好了。

举个例子，我之前帮朋友写一篇5000字的抖音运营攻略，就是用这个方法，全程没碰站点的任何设置，读者跳转也很顺畅，当天的收藏量就比平时的文章高3倍。

这三个方法你按需选就行，纯小白直接用第一个插件法，5分钟就能搞定。不想装插件的就用第二个方法，自定义程度高还省内存。偶尔写长文的用第三个方法，啥都不用改就能用。

现在就打开你的zblog后台，挑一篇你之前发的阅读量最高的长文，加个目录试试，明天去看后台数据，完读率和收藏量肯定会涨。要是操作的时候卡壳了，评论区说下你用的主题，我看到就给你出专属方案。