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

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

一、自动生成目录 1、在博客园后台管理页面选择“设置” 2、生成三级目录 2.1、操作步骤 找到页脚HTML代码，复制自动生成目录的js代码，保存即可 代码如下： View Code 2.2、效果： 3、生成一级目录 3.1、操作 ...

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

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

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

对于比较长的文章，有一个好的目录索引是很有必要的，可以让读者比较清楚地了解文章内容和层次。然而，目前（2015.7）博客园不像csdn博客那样，会对发布的文章自动生成目录索引。不过，一些网友通过博客园后台提供的一些自定义功能，自己写脚本实现了这一功能。我用的脚本主要就是参考@薰衣草的旋律 ...

博客园博客自动生成三级目录(generate three levels content using JS in cnblogs) JS代码（JS code) 最近参考了（http://www.cnblogs.com/wangqiguo/p/4355032.html）自动生成目录的方法，我增加了 ...