前言    

    好像别人的网站文章，正文都有目录索引，这是一个好东西。特别是当文章篇幅足够长时，让文章结构更清晰，更加适合阅读。那如何给网站增加一个目录呢。本站是ZBlog程序搭建的，就介绍一种ZBlog的方法。下面一起来看看吧。

方法

 一、引入插件

打开应用中心，引入正文目录索引插件

二、配置插件

根据当前使用主题，配置正文区域类目以及索引标签

三、查看效果

查看文章效果，滚动条向上滚动时，左侧生成了目录结构

但是效果与我的预期有些不符，我想要文章打开后就生成目录结构，并且一直显示，而不是向上滚动显示目录，向下滚动隐藏目录，并且手机上同时显示了目录结构。

四、插件改造

1、打开网站根目录下的插件js，注释掉红框中的代码

2、打开网站根目录下的插件include.php文件，在jztest标签中，添加jzDown类名

3、在插件配置界面增加如下自定义CSS

@media (max-width: 768px){
    .jztagtree{
        opacity: 0 !important;
    }
}

五、改造后效果

pc端正常显示，且滚动后无影响

手机端，显示正常，无目录展示

结语

    除了要引入插件以及改造外，我们编写文章时，也需要按照格式来，否则目录还是没有办法动态生成目录的。