[Blog] 在文章底部隨機顯示相關文章的功能說明

前幾個星期把隨機顯示文章
功能加到Blog裡,雖然功能不盡如人意,仍有不少缺失需要修改,不過既然有網友問起,我就簡略的說明作法吧。

除非自己架站或BSP有提供取用文章清單的功能,否則想要在文章裡顯示相關文章是沒有直接有效的方法。因此我使用了最簡便(偷懶?)的作法:由美味書籤
(del.icio.us)
JSON Post Feeds取回。只要用類似下面的指令就能由美味書籤
取回需要的書籤:

http:
//del.icio.us/feeds/json/用戶名稱
取回用
戶的書籤清單
http:
//del.icio.us/feeds/json/用戶名稱/
取回用
戶的某特定標籤的書籤清單,
可以用加號指定數個標籤
http:
//del.icio.us/feeds/json/用戶名稱/標籤?count=幾個書籤
只取回
指定個數的特定標籤的書籤清單

取回的書籤清單會被存放於Delicious.posts陣列裡,再寫個迴圈去解析這個陣列就可以了,而且del.icio.us已經把
例程式
都寫好了,依據自己的需求再做點小修改(加上亂數處理等)就大功告成了。

程式寫完後需要把自己的文章發佈到美味書籤,我是以_blog_開頭來表示自己文章的標籤,取清單時就用此類標籤來取;自己文章的標籤名稱和收錄他人書籤
的名稱區別出來,才不會取到別人的文章。

目前程式尚有下列問題:

  • 有時會取到相同的文章,重覆狀況尚待處理
  • 有時會取到超過大小的亂數,導致取到的不足5篇
  • 原本構想是依目前文章的分類以分別取出各分類的隨機文章,但動態叫用JavaScript的寫法尚未測試出來

如果您只是想直接使用此隨機文章的功能,只要把下列指定貼入自由欄位裡即可;用戶名稱填入您的del.icio.us的帳號,標籤則填入要顯示的標籤準名
稱,若不指定標籤的話就會取所有的書籤;count=30也可自行放大或變小要抓取的書籤數量:


要檢視源碼請按:http://emisjerry.googlepages.com/related_posts.js

最後聲明:程式會持續修改,您有任何意見也歡迎提出。

您可能也會有興趣的類似文章

6 則留言 »[Blog] 在文章底部隨機顯示相關文章的功能說明

  • jakevin Unknow Unknow

    大大,您好我問一下您google AD 大概點擊一次後約多少美金我被點擊五次也不過才1.4美金左右讓我很納悶說

  • 簡睿 Unknow Unknow

    也都不高,未歸納出緣由。可至http://forums.digitsunami.net/forumdisplay.php?fid=10詢問。

  • 老人 Unknow Unknow

    感謝您 ~ 提供了這麼好的方法,讓不會程式的我也能擁有這樣的功能。但有兩個問題請教:1.當按下某一「文章分類」後,在顯示該分類「文章摘要」時,第一篇文章除了顯示摘要,同時也會示「隨機清單」,不知為什麼~因為您的並無此情況。http://blog.xuite.net/ezpost/blog?st=c&p=1&w=7965872.另有個小問題請教,為什麼我用來訂義 related_posts.js 的 5Posts 的自由欄位會顯示出來,還是我需要放在其它自由欄位裡呢。因為我沒有看到您有「空」的自由欄位。

  • 簡睿 Unknow Unknow

    To 老人,問題1是我網誌裡用的是完整版的js檔,related_posts.js是抽取出來的,判斷首頁的寫法有錯,在完整版裡已經修改,但related_posts.js沒有改到,因此造成在首頁第一篇文章也會出現,現今已經改好了。問題2,只要有拉到版面裡的自由欄位都會出現,你可以把…放到任何一個有需要顯示的自由欄位裡,這樣就不用出現5Posts了。

  • 簡睿 Unknow Unknow

    To 老人,BY THE WAY, 您可改用bookmark_buttons.js,這個就是我前篇稱為「完整版」的檔案,除了隨機文章外,文章底部會出現常見的書籤按鈕。您可由我的「Blog工具箱」分類裡找到說明。

  • 水瓶尤加利 Unknow Unknow

    九月底, 我自己的blog開張之後, 也同時將簡睿閣下和老人, 列入 RSS,這中間, 幾次 Google 大神又引導我看了兩位的不少文章,至於隨機文章, 底下還有另一種作法,請問您可以推敲一下其中的機關嗎?http://bryanivyblog.blogspot.com/2007/03/blog-post_23.htmlhttp://www.stuffablog.com/bstir/index.html#

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. 用JumpBox輕鬆安裝Subversion+Trac雙系統 
  2. 天冷~泡湯去! 
  3. 如何手動輸入Plurk的表情圖示? (164)
  4. Net.exe的妙用 (1)
  5. [Cygwin] 用c:、d:切換磁碟機目錄 (3)
  6. [轉貼] DM2 - 視窗功能增強專家 (2)
  7. [FireFox] 替頁籤編號的擴充 (1)
  8. [Tools] 跨平台的RSS Reader: RSSOwl 
  9. [QNAP NAS] 使用新版的pyLoad讓NAS成為免空下載利器 
  10. DOS命令使用技巧3:由DOS視窗將目前資料夾用檔案總管開啟的方法 

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (353,111 點擊/2008-09-29)
  2. 簡單放大Plurk輸入區的方法[修訂] (86,930 點擊/2008-09-29)
  3. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (84,088 點擊/2011-06-01)
  4. Plurk CSS樣式自訂修改全攻略 (83,129 點擊/2009-07-04)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (53,342 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (43,184 點擊/2008-04-10)
  7. iPad新手入門技巧 (40,452 點擊/2011-02-05)
  8. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (38,152 點擊/2010-04-27)
  9. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (37,960 點擊/2009-02-18)
  10. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (35,925 點擊/2009-04-18)