博客园自动生成目录及页面美化

一、自动生成目录
1、在博客园后台管理页面选择“设置”

2、生成三级目录
2.1、操作步骤
找到页脚HTML代码，复制自动生成目录的js代码，保存即可

代码如下：

2.2、效果：

3、生成一级目录
3.1、操作步骤：
找到页脚HTML代码，复制生成目录的代码，保存即可，代码如下：

回到顶部
二、引入自定义控件
1、侧边栏时间控件
1.1、操作步骤
找到侧边栏公告，复制时间控件代码，保存即可

代码如下：

复制代码

复制代码
1.2、效果

2、界面美化
2.1、选择皮肤：ThinkInside

2.2、渲染皮肤效果
找到页首HTML代码，复制如下代码

保存即可

回到顶部
3、最终效果

回到顶部
4、推荐皮肤
参考博客园 - 博客模板列表 http://www.cnblogs.com/Skins.aspx?orderby=1，发现有两款自己比较喜欢的皮肤Minyx2_Lite 和 darkgreentrip，有兴趣的同学可以试用一下~

参考：

http://www.cnblogs.com/bitzhuwei/archive/2015/06/21/4591435.html

BI那点儿事—数据的艺术目录索引 / sqeeex.com http://www.sqeeex.com/201410/5077.html （与本文内容无关）

原文地址：https://www.cnblogs.com/lvweihe/p/11706717.html