2010年7月21日 星期三

為Blogger加上目錄

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

image


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文章的速度還慢許多),所以在使用上還是不能滿足太多的需求,比方說我的教學需求,想要特定選某個標籤來作目錄就好,這個時候可能就需要用這個小工具後再自已手工來編修了。

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...
// Dnow Function