[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. [JasperReports] 0.6.7更新與JasperSoft提供商業服務 
  2. Debian各個版本的Code name 
  3. [Tools] 用7-Zip取代PKZipC (1)
  4. 今日人氣暴增??? 
  5. [Tools] StrokeIt: 幫Windows裝上滑鼠手勢的親和功能 (6)
  6. 用樣式控制Google AdSense廣告顯示的位置 (13)
  7. 在Xuite裡使用jQuery的重點 
  8. 整合多套搜尋引擎的操作工具Transfz 1.08-有中文介面了 (1)
  9. 新版IDEA無法Debug的異常 
  10. 用ClipMagic的連續貼上加速剪貼操作 (1)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (368,207 點擊/2008-09-29)
  2. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (119,945 點擊/2011-06-01)
  3. Plurk CSS樣式自訂修改全攻略 (89,384 點擊/2009-07-04)
  4. 簡單放大Plurk輸入區的方法[修訂] (88,868 點擊/2008-09-29)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (71,877 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,786 點擊/2008-04-10)
  7. iPad新手入門技巧 (49,252 點擊/2011-02-05)
  8. iPad鍵盤輸入全攻略 (42,712 點擊/2011-01-01)
  9. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,865 點擊/2010-04-27)
  10. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,745 點擊/2010-01-02)