博客园博文生成章节目录
有趣的事,Python永远不会缺席!
一、操作步骤
- 登录到博客园,进入你的博客页面
- 打开导航栏的“管理”菜单
- 切换到“设置”选项卡
二、页脚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。哒哒哒。。。
欢迎关注小婷儿的博客:
文章内容来源于小婷儿的学习笔记,部分整理自网络,若有侵权或不当之处还请谅解 有趣的事,Python永远不会缺席!
如需转发,请注明出处:小婷儿的博客python https://www.cnblogs.com/xxtalhr/
博客园:https://www.cnblogs.com/xxtalhr/
CSDN:https://blog.csdn.net/u010986753
有问题请在博客下留言或加作者:
微信:tinghai87605025
QQ :87605025
python QQ交流群:py_data 483766429
培训说明:
OCP培训说明连接:https://mp.weixin.qq.com/s/2cymJ4xiBPtTaHu16HkiuA
OCM培训说明连接:https://mp.weixin.qq.com/s/7-R6Cz8RcJKduVv6YlAxJA
小婷儿的python正在成长中,其中还有很多不足之处,随着学习和工作的深入,会对以往的博客内容逐步改进和完善哒。重要的事多说几遍。。。。。。
文章内容来源于小婷儿的学习笔记,部分整理自网络,若有侵权或不当之处还请谅解 有趣的事,Python永远不会缺席!
如需转发,请注明出处:小婷儿的博客python https://www.cnblogs.com/xxtalhr/
博客园:https://www.cnblogs.com/xxtalhr/
CSDN:https://blog.csdn.net/u010986753
有问题请在博客下留言或加作者:
微信:tinghai87605025
QQ :87605025
python QQ交流群:py_data 483766429
培训说明:
OCP培训说明连接:https://mp.weixin.qq.com/s/2cymJ4xiBPtTaHu16HkiuA
OCM培训说明连接:https://mp.weixin.qq.com/s/7-R6Cz8RcJKduVv6YlAxJA
小婷儿的python正在成长中,其中还有很多不足之处,随着学习和工作的深入,会对以往的博客内容逐步改进和完善哒。重要的事多说几遍。。。。。。