博客园博文生成章节目录

女爷i 2021-12-03 10:47 433阅读 0赞

有趣的事，Python永远不会缺席！

如需转发，请注明出处： [小婷儿的python ][python]  ![10787464.html_20][] [https://www.cnblogs.com/xxtalhr/p/11082887.html ][https_www.cnblogs.com_xxtalhr_p_11082887.html]

# 一、操作步骤 #

*  登录到博客园，进入你的博客页面
 *  打开导航栏的“管理”菜单
 *  切换到“设置”选项卡

# 二、页脚HTML代码 #

*  你需要获得JS代码权限，在“博客侧边栏公告（支持HTML代码）”右侧，若没有权限，需要向管理员申请（说明你的合理的理由）
 *  复制下方的js代码，粘贴到 “页脚HTML代码” 区
 *  别忘了保存

1 <script language="javascript" type="text/javascript">
     2 //生成目录索引列表
     3 function GenerateContentList()
     4 {
     5     var jquery_h3_list = $('#cnblogs_post_body h3');//如果你的章节标题不是h3,只需要将这里的h3换掉即可
     6     if(jquery_h3_list.length>0)
     7     {
     8         var content = '<a name="_labelTop"></a>';
     9         content    += '<div id="navCategory">';
    10         content    += '<p style="font-size:18px"><b>阅读目录</b></p>';
    11         content    += '<ul>';
    12         for(var i =0;i<jquery_h3_list.length;i++)
    13         {
    14             var go_to_top = '<div style="text-align: right"><a href="#_labelTop">回到顶部</a><a name="_label' + i + '"></a></div>';
    15             $(jquery_h3_list[i]).before(go_to_top);
    16             var li_content = '<li><a href="#_label' + i + '">' + $(jquery_h3_list[i]).text() + '</a></li>';
    17             content += li_content;
    18         }
    19         content    += '</ul>';
    20         content    += '</div>';
    21         if($('#cnblogs_post_body').length != 0 )
    22         {
    23             $($('#cnblogs_post_body')[0]).prepend(content);
    24         }
    25     }    
    26 }
    27 GenerateContentList();
    28 </script>

#  结果　 #

Successfully ！！！百转千回尽是非，缘起缘灭缘散尽。。。

有趣的事，Python永远不会缺席！还不来加我，瞅什么Ne。哒哒哒。。。

![1400528-20190513212701910-1828206782.png][]

转载于:https://www.cnblogs.com/xxtalhr/p/11082887.html

[python]: http://www.cnblogs.com/xxtalhr/
[10787464.html_20]: /images/20211203/aa463b16fabc41798744df1be7d91748.png
[https_www.cnblogs.com_xxtalhr_p_11082887.html]: https://www.cnblogs.com/xxtalhr/p/11082887.html%20
[1400528-20190513212701910-1828206782.png]: /images/20211203/2e7bc38502654d3b877c83d820ddc0e8.png