博客园博文生成章节目录

有趣的事,Python永远不会缺席!

如需转发,请注明出处:小婷儿的python  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。哒哒哒。。。

posted @ 2019-06-25 15:04  小婷儿  阅读(556)  评论(0编辑  收藏  举报
levels of contents