天天看点

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

阅读目录

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label0">一、自动生成目录</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_lab2_0_0">1、在博客园后台管理页面选择“设置”</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_lab2_0_1">2、生成三级目录</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label3_0_1_0">2.1、操作步骤</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label3_0_1_1">2.2、效果:</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_lab2_0_2">3、生成一级目录</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label3_0_2_0">3.1、操作步骤:</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label1">二、引入自定义控件</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_lab2_1_0">1、侧边栏时间控件</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label3_1_0_0">1.1、操作步骤</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_lab2_1_1">2、界面美化</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label3_1_1_0">2.1、选择皮肤:ThinkInside</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label3_1_1_1">2.2、渲染皮肤效果</a>

<a href="http://www.cnblogs.com/chinas/p/6088341.html#_label2">3、最终效果</a>

<a></a>

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

找到页脚HTML代码,复制自动生成目录的js代码,保存即可

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

代码如下:

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果
博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果
博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果
博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

找到页脚HTML代码,复制生成目录的代码,保存即可,代码如下:

按 Ctrl+C 复制代码

找到侧边栏公告,复制时间控件代码,保存即可

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果
博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

 View Code

1.2、效果

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果
博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

找到页首HTML代码,复制如下代码

保存即可

博客园每篇文章自动添加目录一、自动生成目录二、引入自定义控件3、最终效果

参考:

<a href="http://www.cnblogs.com/bitzhuwei/archive/2015/06/21/4591435.html" target="_blank">http://www.cnblogs.com/bitzhuwei/archive/2015/06/21/4591435.html</a>

继续阅读