参考了很多大贤的博客，总结尝试后，随笔记录。原帖网址如下： 静默虚空：https://www.cnblogs.com/jingmoxukong/p/7826982.html Penn000：https://www.cnblogs.com/Penn000/p/6947472.html ...

博客园自动生成目录 前言 样式如本博客,其中js需要申请 页面定制 博客侧边栏 页首代码 页脚代码 ...

阅读目录 实现效果 添加功能的具体步骤 生成脚本 近来写了一些比较长的博客，阅读起来很不方便，看园子里其他园友的博客有些有目录，就想给自己的博客增加目录结构，增加文章可读性； 回到顶部 实现效果 通过点击目录索引，跳转 ...

看别人的博客总是花里胡哨，早已羡慕不已，花了点时间整理了下自己博客园的背景 参考原博主链接：https://www.cnblogs.com/Penn000/p/6947472.html，https://www.cnblogs.com/Tangent-1231/p/10393759.html ...

背景 最近觉得博客园网站太老旧了，不好看，并且没有移动端，于是想转到简书去写博客（主要简书有移动端），写出来的效果还是不满意，于是又回到了博客园，只能自己修改下博客主题了。 于是百度了下，找到了两篇参考博客： 主题修改参考了：一套简约漂亮的响应式博客园主题皮肤 添加目录参考了：让博客园博客 ...

文章如果比较长的话，子标题很难找，文章结构没法一目了然，如果有一个导航目录靠在边栏就好了 看了很多园子里其他的文章，js和css挺长的，怕用不好，干脆自己尝试写一个 一、要实现的功能 1、自动生成 不限定某几个h标签，最好h1-h6都可以支持 2、靠在侧边栏 我的边栏内容比较 ...

文章如果比较长的话，子标题很难找，文章结构没法一目了然，如果有一个导航目录靠在边栏就好了 看了很多园子里其他的文章，js和css挺长的，怕用不好，干脆自己尝试写一个 一、要实现的功能 1、自动生成 不限定某几个h标签，最好h1-h6都可以支持 2、靠在侧边栏 我的边栏内容比较 ...

展示效果 注意，在这里标题二代表一级，标题三代表二级，标题四代表三级。 设置方式 首先我们需要申请开通js权限，然后将目录js代码复制到博客侧边栏公告（支持HTML代码） （支持 JS 代码）中，如下所示： 生成目录JS代码 ...