展示效果

注意，在这里标题二代表一级，标题三代表二级，标题四代表三级。

设置方式

首先我们需要申请开通js权限，然后将目录js代码复制到博客侧边栏公告（支持HTML代码） （支持 JS 代码）中，如下所示：

生成目录JS代码

< script type = 'text/javascript' >
// 生成目录索引列表
function GenerateContentList() {
    var mainContent = $('#zmdao_post_body');
    //h2，大标标题内容
    var h2_list = $('#zmdao_post_body h2'); //如果你的章节标题不是h2,只需要将这里的h2换掉即可
    if (mainContent.length < 1) return;

    if (h2_list.length > 0) {
        var content = '<a name="_labelTop"></a>';
        content += '<div id="navCategory">';
        content += '<p style="font-size:18px"><b>思维导航：</b></p>';
        content += '<ul>';

        //目录遍历
        for (var i = 0; i < h2_list.length; i++) {
            //回到顶部
            var go_to_top = '<div style="text-align: right;"><a href="#_labelTop"><b style="font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;">
版权声明：本文为Can-daydayup原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/Can-daydayup/p/13053213.html