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

Posted 2021-03-25 lvweihe

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

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

代码如下：

View Code
2.2、效果：

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

View Code
回到顶部
二、引入自定义控件
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 （与本文内容无关）