為Blogger加上目錄

在blogger上發表一些教學資料，dnowba最後常會苦惱一件事情，就是如何有順序的把教學單元依照我要的順序給製成一個連結目錄，我常看到有人是直接用html手動編輯製作目錄，如此不僅費事且非即時，後來想到應該可以用rss feed的機制來實現我的需求，取經後把使用方法和心得結果報告一下。

STEP ①： 下載以下二個檔案並掛到開放的網頁空間。 二個javascript檔案分別是利用feed來分別「依日期」「依標籤」來排序自動匯整成目錄。

archivepost.js下載
archivedate.js下載

STEP ②： 本來是要自製一張html，把語法貼上後再放到免費網頁空間上的。dnowba這裡用了一個投機的方式，就是直接用部落格新增文章的方式來做，新增二篇文章(分別是文章目錄-依日期、文章目錄-依標籤)後用修改html的方式，分別把以下程式碼貼上，並修改自已的「免費網頁空間」及「部落格網址」。 

<script src="http://免費網頁空間/archivepost.js">
</script><script src="http://部落格網址/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<script src="http://免費網頁空間/blogger/archivedate.js">
</script><script src="http://部落格網址/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

STEP ➂：在部落格上的呈現，我們可以利用blogger「新增網頁元素」的功能，在導覽列上加入一個「html/javascript」的欄位，然後貼上以下程式碼

<p align="right"><strong><a href="http://dnowba.blogspot.com/2009/10/blog-post_19.html">☛網站目錄(按類別)</a></strong><strong></strong>&#160;&#160; <a href="http://dnowba.blogspot.com/2009/10/blog-post.html"><strong>☛網站目錄(按日期)</strong></a><strong>&#160;&#160;&#160; </strong><a href="http://tw.myblog.yahoo.com/fish-weep/" target="_blank">☛老婆的部落格</a><strong></strong></p>

心得：feed的方式爬文過程中會有需多應用，不過礙於blogger不會提供資料庫給你使用，使用靜態網頁的方式製成的feed也倚頼blogger本身在更新引擎上的速度(已前feed的速度會比你po文章的速度還慢許多)，所以在使用上還是不能滿足太多的需求，比方說我的教學需求，想要特定選某個標籤來作目錄就好，這個時候可能就需要用這個小工具後再自已手工來編修了。