一個好的博文除了博文的品質要好以外,好的組織結構也能讓讀者閱讀的更加舒服與友善,我看園子裡面有一些園友的博文都是分章節的,并且在博文的前面都帶有章節的目錄索引,點選索引之後會跳轉到相應的章節閱讀,并且還可以回到目錄頂端,其中 Fish Li 的博文就是這種組織,當然這種結構如果是在寫博文的時候人工設定那是非常麻煩的,無疑是增加了寫作人的工作量。如果能自動生成章節索引豈不是節省了一大堆工作量。本來想通過FireBug看看Fish Li源碼是怎麼實作的,但是好像js是加密過的。那我就自己動手了,其實也沒多少代碼,很簡單。
使用方法:登入到部落格園之後,打開部落格園的背景管理,切換到“設定”頁籤,将上面的代碼,粘貼到 “頁腳HTML代碼” 區儲存即可。
注意:上述js代碼中提取的h3作為章節的标題,如果你的标題不是h3請在代碼注釋的地方自行修改。該代碼除了在文章的最開始生成目錄索引之外,還會在每一個章節最後右下角(也就是下一個章節标題的右上角)會生成一個“回到頂部”的連結,以友善讀者回到目錄。本篇文章的目錄結構就是自動生成的效果,如果你覺得有用,就趕快試用一下吧。
這裡是章節1的内容
這裡是章節2的内容
這裡是章節3的内容
小小代碼,不值一提,如果您覺得對您還有一點用,就點個贊支援一下吧。