怎麼讓部落格園文章支援生成目錄索引

用過markdown的同學都知道，生成目錄索引的標籤是[toc]，但是markdown編輯器不支援[toc]標籤，於是決定自己實現目錄索引功能。

會把[toc]標籤原樣顯示出來[toc]

,所以我們可以遍歷文章的所有h1、h2、h3標籤依次組合成目錄列表，然後替換掉[toc]

。

我這裡把生成目錄功能寫成乙個jquery外掛程式catalog，使用的時候直接$( "#cnblogs_post_body" ).catalog()，css樣式這裡就不貼了，大家可以根據自己喜好編寫css樣式。

( function( $ ) 

catalog.prototype
=} );
// 替換[toc]為目錄
// 新增目錄收縮功能
$( "#catalog > button" ).on( "click"
,function() );
},// 生成目錄列表函式
list
:function( element ) ,
};$.fn.catalog
=function( options ) 
} );
}// 使用外掛程式
$( "#cnblogs_post_body" ).catalog();
} )( window.jquery );

基本功能完成了，雖然簡單但是能湊合著用。

申請開通js介面

「管理」 -> 「設定」 -> 「頁尾html」,直接把**拷貝進去。（注意：**頭尾需要加標籤）

部落格園新增目錄生成

以下兩種方法配合食用更佳 部落格側邊欄公告新增 也可以新增到頁尾html 注意 目錄生成標題對應markdown中的 和 其實也不一定新增在右上角，位置和顏色還有字型大小都可以隨自己喜好改的 頁面定製css 新增 生成部落格目錄的css uprightsidebar sidebartab sideb...

部落格園如何生成目錄

原作者的指令碼只支援1級目錄，我改了兩級 第1級是h2，第2級是h3。還新增了一些小玩意，比如討論qq群號。效果如下圖所示 新增功能的具體步驟是 確保自己的後台支援js 這個預設是不支援，需要向官方發個郵件申請開通 郵箱是contact cnblogs.com 我簡單寫了封郵件，1小時就回覆了，郵件...

部落格園部落格文章自動設定多級目錄

1 進入後台，點選 設定 找到下方的 部落格側邊欄公告 點選 申請 js許可權 2 申請理由可以這樣填寫 實現部落格中點選出現愛心及漢字等效果，所以申請js執行許可權 3 後台審核可能不及時，如果比較著急，可以直接給官方發訊息 團隊 傳送訊息時，可以這樣說 今天想實現部落格中點選出現愛心及漢字等效果...