Add Disqus Recent Comments to Asides

想在側邊欄加上最近幾筆 Disqus 的討論訊息,網路上看到的建議大都是直接到 Disqus 的管理界面把 一段 JavaScript copy 出來,但是發現,它的管理界面已經改版了,我找不到。幸好,有位網友把整段 code 貼出來,只要稍作修改就可以了。

步驟

  1. /source/_includes/custom/asides/ 目錄下建立一個檔案 recent_comments.html

    用文字編輯器開啟 recent_comments.html,貼上以下代碼:

    <section id="comment_sidebar">
      <h1>Recent Comments</h1>
    
      <script type="text/javascript" src="http://iotchef.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=32&excerpt_length=20"></script><a href="http://disqus.com/">Powered by Disqus</a>
    </section>
    

    參數說明:

    • src="http://iotchef.disqus.com/ 記得把網址改成你的 disqus URL
    • num_items: 代表要顯示幾筆 comment
    • hide_avatars: 0 要顯示頭像; 1 不顯示頭像
    • avatar_size: 當 hide_avatars=0 時,設定頭像大小,例如:32 代表 32x32 pixel
    • excerpt_length: 代表要顯示的 comment 內容長度,單位是字元(char)
  2. 修改 _config.yml,把 custom/asides/recent_comments.html 加入 default_asides

    default_asides: [asides/recent_posts.html, asides/github.html, asides/delicious.html, asides/pinboard.html, asides/googleplus.html, custom/asides/recent_comments.html]
    
  3. 執行 rake generate ,完成

Reference

Comments

Comments powered by Disqus