一個好的博文除了博文的質量要好以外，好的組織結構也能讓讀者閱讀的更加舒服與方便，我看很多網站裡面有一些園友的博文都是分章節的，並且在博文的前面都帶有章節的目錄索引，點選索引之後會跳轉到相應的章節閱讀
自動生成章節目錄索引(只支援一級)
一個好的博文除了博文的質量要好以外，好的組織結構也能讓讀者閱讀的更加舒服與方便，我看園子裡面有一些園友的博文都是分章節的，並且在博文的前面都帶有章節的目錄索引，點選索引之後會跳轉到相應的章節閱讀，並且還可以回到目錄頂端，其中 Fish Li 的博文就是這種組織，當然這種結構如果是在寫博文的時候人工設定那是非常麻煩的，無疑是增加了寫作人的工作量。如果能自動生成章節索引豈不是節省了一大堆工作量。本來想通過FireBug看看Fish Li原始碼是怎麼實現的，但是好像js是加密過的。那我就自己動手了，其實也沒多少程式碼，很簡單。
使用方法：登入到部落格園之後，開啟部落格園的後臺管理，切換到「設定」選項卡，將上面的程式碼，貼上到 「頁尾HTML程式碼」 區儲存即可。
注意：上述js程式碼中提取的h3作為章節的標題，如果你的標題不是h3請在程式碼註釋的地方自行修改。該程式碼除了在文章的最開始生成目錄索引之外，還會在每一個章節最後右下角(也就是下一個章節標題的右上角)會生成一個「回到頂部」的連結，以方便讀者回到目錄。本篇文章的目錄結構就是自動生成的效果，如果你覺得有用，就趕快試用一下吧。
自動生成三級目錄
levels of contents
如何使用(How to Use)
把上述JS程式碼複製到「頁尾Html程式碼」裡。
在寫部落格的時候，給每個章節的標題設定「標題1」或「標題2」或「標題3」格式。
然後一切就緒，欣賞效果吧。
[hongdian2012 ] 文章或部落格自動生成章節目錄索引(支援三級)的實現程式碼已經有252次圍觀
