閱讀目錄
<a href="http://www.cnblogs.com/asxinyu/p/4344153.html#_label0">1.目錄樣式檔案</a>
<a href="http://www.cnblogs.com/asxinyu/p/4344153.html#_label1">2.為文章添加強定的資訊</a>
<a href="http://www.cnblogs.com/asxinyu/p/4344153.html#_label2">3.自動生成目錄代碼</a>
效果非常好，而且前面的标号1，2，。。都是自動的。這一點不太符合我寫部落格的習慣，以為我的标題會把這個标号固定下來，是以就重複了，而且我想在這個目錄前面添加點東西，例如推薦部落格目錄等等，經過我的一番修改，成了這個樣子(在某些浏覽器中貌似出不來，特别是IE，Chrom核心的浏覽器好像都比較好)：
我修改的地方主要有3個：
1.調整了寬度，然後标題字元數h1提高到了30個字元(其他的不截斷顯示)；字型也變大了點，貌似比原來的要醜陋點，呵呵，沒關系，有空再改回來吧。
2.根據自己部落格的設定和寫作習慣，提取h1,h2作為目錄結果，原來作者是使用h2,h3，這個要看部落格模版的情況和部落格正文标題的樣式；
3.在最前面增加了一個推薦部落格，其實和文章推薦插件原理差不多，這裡隻不過是測試了一下，可以固定推薦幾篇文章。
看看源碼和使用過程：
這個功能不屬于自動生成目錄裡面的，隻不過我在扒皮的時候，一起拔下來了，就是可以為每篇文章添加一個固定的結尾，或者加一個微信掃描功能，樣子就是這樣，我進行了一些修改：
自動生成目錄的代碼是通過js完成的，就是尋找正文的h1,h2，然後把标題按照長度截斷處理一下，拼接就可以了，我把我修改的部分代碼貼出來看看：
大家記得把檔案路徑完成自己修改上傳過的。
儲存之後，重新整理應該可以看到效果了。有了這個思路，可以在上面添加你想要展現的資訊了，而不拘泥于隻是個目錄。
E-mail:[email protected]
【新浪微網誌】 張昺華--sky
【twitter】 @sky2030_
【facebook】 張昺華 zhangbinghua
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利.