天天看點

部落格園每篇文章自動添加目錄一、自動生成目錄二、引入自定義控件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>

繼續閱讀