[已失效] 如何在無名網誌放上 plurk 的 widget (badge)？

2010/5/16 更新：以下的方法已經（在不知道什麼時候開始）失效啦！請大家搬離無名小站吧… :P

---

基本上沒有辦法直接放，因為在偉大的無名小站以安全性之名，行偷懶壟斷封鎖之實的政策下，只有他們核可的網站才可以放 javascript 或 flash widget。

但是，愛用 plurk（噗浪）的你，不想用無名嘀咕；或是，如果你就是有很多理由無法從無名搬到更好的網誌平台，怎麼辦？

山不轉路轉，路不轉人轉，人不轉就翻牆…

相當意外，無名沒有封鎖 twitter 的 flash widget，因此我們可以藉由 twitter 來幫個忙：

1. 申請 http://twitter.com 帳號（網路上有很多教學，自己摸索也不難，所以就不詳述了…）
2. 請到 plurk 的右上角「我的帳戶 (My Account)」>「Plurk 到其他網站 (Plurk to other networks)」> Twitter 填入你申請的 twitter 帳號密碼並按下「啟用 Twitter + Plurk 更新 (Enable Twitter + Plurk update)」
3. 到 http://twitter.com/badges 或 http://twitter.com/widgets（一樣的）選擇 Other 進入…
4. 由於無名的政策，我們無法擺 javascript 版本的 widget，所以選擇 Flash Widget
5. 自行選擇左側可互動版 (Interactive widget) 或是右側的單純顯示版 (Display-only widget)，選擇後還可以進行樣式的調整…

[暫停]

基 本上，無名可以擺 widget 的地方有三個：網誌描述、資料夾管理、內文。

個人建議放在內文處，並且將該文「手動置頂」。為什麼呢？如下圖所示…

置於網誌描述…

這個位置的大小調整無效（至少以我這個樣板來說），因此會被遮到，還順便出現很醜的捲動條…

置於資料夾管理…

同樣也被遮到，同樣我不知道哪裡可以調整該欄大小…

置於內文…

很明顯吧（自言自語）…

懶得研究了 :P

如何製作一篇手動置頂文：寫一篇文章，把該文章日期設定為遙遠的未來（如：2019 年），這樣這篇文章就會自動顯示在網誌首頁的第一篇…置頂完成！

好，以下將依照「將 widget 放置在手動置頂文」的方式繼續教學。如果還是希望放到其他位置，請自行研究之。

[繼續]

6. 由於放在置頂文，因此我選擇使用左邊的互動式版本。調整好樣式之後，原始碼請複製 <embed src= ... .xml" /> 這部份就好，因為無名文章內文的語法只吃這個，其他都會被濾掉。（所以其實全貼也可以，只是貼完還要回去稍微修改文章。）
7. 將剛剛複製好的語法貼到內文，儲存…
8. 回到 plurk，隨便寫段話，回到無名確認成果。搞定！

完成的範例借用艾青的網誌：

雖然這個方法不直接，但是因為每句話的後面都還是有 plurk 的連結，所以有使用 plurk 的人就知道怎麼樣去看討論；而且 twitter 的使用人數也非常多（尤其是國外），知名度其實遠大於 plurk 的，因此順便使用 twitter 也等於跟國際接軌了 (￣y▽￣)╭

筆記：在 Mac 下使用 perl module WWW::Mechanize 讀取 https 連結

• 如果要讓 WWW::Mechanize 能夠讀取 https 連結，必須安裝 IO::Socket::SSL 或 Crypt::SSLeay（參考 WWW::Mechanize::FAQ。）
• Crypt::SSLeay 比較舊且安裝後使用還是會出錯（沒深究原因），因此選擇安裝 IO::Socket::SSL。
• 由於 Mac OSX Security Update 2009-01 的問題，安裝 IO::Socket::SSL 前必須重新安裝三個 perl module：IO、Storable、與 DB_File。（參考 Mac OS X Security Update 2009-01 Fix for Perl and Fink。）
• 安裝 GNU Libidn 與 OpenSSL。（為 IO::Socket::SSL 的 dependencies Net::Libidn 與 Net::SSLeay 的必要函式庫）
• 安裝 IO::Socket::SSL（我使用 CPANPLUS 安裝）
• 完成。

在 Blogger 加入 Recent Comments 的功能

由於這個 blog 復活了以後，有些人來留言了（感謝大家的支持 ^^），所以決定重新把 recent comments（或 latest comments，最新的回應）放回來。

遙遠的以前，Blogger 還沒改版的時候，我用的是 JavaScript 的方法（當時還沒有 Blogger widgets 可以用）；但是即使進步到了現在，Blogger 還是沒有提供現成的 recent comments widget... 要知道，使用 Blogger 這個系統就是考驗 DIY 的功力 XD

Google 了一陣，找到了幾個方案，粗分兩大類：1) 使用 Blogger 的內建功能 2) 使用 JavaScript。

使用 Blogger 的內建功能 Feed widget 最單純，理論上讀取速度是最快的（沒有用到 JavaScript），不過不能顯示文章標題，只能顯示五個 comments，feed 的更新也不夠即時（或許跟 Google Reader 的更新規則類似，冷門的 feed 要三小時才會更新），如果很夯的 blog 可能不夠用。由於我喜歡單純一點，而且對我的 blog 來說，顯示最新的五個 comments 也就夠了（這裡看的人不多嘛 ^^"），所以決定一切從簡，用這個最簡單的方式：

1. 進入 Blogger Dashboard（資訊主頁）> Layout（版面配置）> Page Elements（網頁元素）
2. 點 Add a Gadget（增加小工具）
   
3. 在 Basic（基本）分類中，加入 Feed（資訊提供）這個 gadget
4. 填入 blog comments（回應）的 RSS feed（如果是 blogspot 的話就是 http://xxxxx.blogspot.com/feeds/comments/default）
5. 填入標題（"Recent Comments", "Latest Comments", 或「最新的回應」等等）、顯示項目的個數（最多五個）、是否顯示日期及作者等
6. 按下 SAVE（儲存），搞定！

如果胃口比較大，或是 blog 的 comments 增加速度很快，必需要突破顯示五個 comments 的限制，這時只好使用 JavaScript 來操作了。以下的列表或許有遺漏，不過都是確定可以用的，而且不需要額外找儲存 js 檔案的空間：

• 由 bloggerbuster 所提供的 recent comments widget generator，使用方便而且可以直接藉由 Blogger 的 Add Page Element 加入。雖然設定方便，不過文章標題只能顯示英文，偶爾 comment 內文會消失 。研究了一陣，才發現它的標題加入方式應該是 parse 文章的網址，所以文章的網址如果是英文句子轉換的（如 it-is-a-cat.html），就會被轉換回原標題放入 recent comments 中；但是如果文章原本的標題是中文，網址就只會是 blog-post.html 或 blog-post_12.html 等，就沒有意義了。至於 comment 內文消失的原因…不知道，懶得找 :P 格式大概長這樣：

  On Sep 08 RobinW commented on blog post: “這裡顯示 comment 內文。”

• 由 Chagg 所開發的 Blogger 最新回應功能。據作者所言，程式碼是修改自這篇文章。可以指定 comment 的個數，之後將兩行程式碼放入 HTML/JavaScript widget 即可，顯示上乾淨俐落，功能單純。

  Re: 這裡顯示文章標題與 comment 連結，移上來可以顯示 comment 內文。 by RobinW (Sep 08)

• 由 M 所開發的 Blogger latest comments builder。與上個方案類似（程式碼幾乎一樣），除了可以指定 comment 的個數外，還可以設定是否要顯示日期，同樣將程式碼放入 HTML/JavaScript widget 即可。如果只需要顯示文章標題與超過五個 comments，這兩個方案都挺值得推薦的。格式大概長這樣：

  RobinW 回 這裡顯示文章標題與 comment 連結，移上來可以顯示 comment 內文。 on Sep 08

  這個作者也開發了其他與 Blogger 相關的工具，程式碼放在 Google Code，不過因為上面除了 js 檔案外沒有其他的說明，所以還是直接看他的 blog 就好 ^^"

• 由 LVCHEN 所開發的最新回應外掛 for blogger（安裝頁面），利用了 jQuery 這個 JavaScript library，大概是目前我看到功能最強、最華麗的方案了。功能多而且很美觀，操作很直覺。除此之外，製作過程可以調整的選項非常多，包含了顯示的字串、版面外觀等，甚至還提供了預覽功能，最後的成品也可以直接藉由 Blogger 的 Add Page Element 加入。如果想要華麗（又實用）的版本，選這個方案就對了！格式大概長這樣：

  全部展開 跳至留言

  RobinW 於 文章的標題與連結 留了言 - 2008-09-08
  RobinW 於 文章的標題與連結 留言說:「這裡顯示 comment 內文」 - 2008-09-08

  您正在看留言 1~2，共有 10 則留言
  下一頁

  由於有提供預覽功能，看上面這個 demo 可能也多此一舉吧，去試用看看比較快，或是可以看看作者的 Recent Comments project in Google Code。

  這個作者還有其他的 Blogger Hacks，有興趣可以看看。

整理了那麼多，累死我了 orz 以目前我的 blog 的狀況來看，用單純的就好；等以後事業做得比較大，再用華麗版本 :P

後記：寫這篇文章花了我四個多鐘頭，中間修改了一次，原因是我 google 的時候只用關鍵字「blogger "recent comments"」，跑出來的結果大部分都是舊的，沒想到後來手滑，用關鍵字「blogger 最新回應」搜尋，才找到 JavaScript 段落的後三個方法…當下決定重寫！結果篇幅爆增兩倍多 orz 我想這篇應該就是目前 Blogger Hacks 的 recent comments 方案比較完整的 survey 了吧…（希望沒有遺漏太多東西 ^^"）

Mount box.net account in your file manager

via

Box.net 是一個線上儲存空間的服務，免費的帳號可以有每個檔案 10MB、共 1GB 的儲存空間（點擊申請帳號並將我加入推薦人）。一般來說，檔案的上傳下載是由瀏覽器來操作，不過有人發現了一個撇步，在 Windows 下可以直接利用連線網路磁碟機的方式利用檔案總管直接存取 Box.net 上的資源。

其實在 Mac 上也可以做相同的事情，而且很簡單！（Mac OS X 10.4 中文介面）

1. Finder > 前往 > 連接伺服器...
2. 伺服器位址填入 https://www.box.net/dav > 連接
3. 會提示輸入帳號與密碼。（Box.net 的帳號為 email 形式，可選擇是否將帳號密碼加入鑰匙圈管理）
4. 連接完成！會多出一個卷宗 dav，裡面的檔案夾就是在 Box.net 配置的檔案夾。

Install DBD:mysql for Perl on Mac OS X 10.4 (Tiger)

前幾天，因為需要用到資料庫，所以安裝了 MySQL 5.0 for Mac OSX，然後想要用 Perl 做資料庫的操作。對於 Perl 熟悉的人都知道，這時候就要為 Perl 安裝與資料庫連結的 module，根據這個網頁的說法，要安裝的是 DBI 與 DBD::mysql。

安裝 DBI 倒還好，可是裝 DBD::mysql 就是一切惡夢的開始...

（以下很"程式語言"，可能會有點無聊 ^^"）

相信有安裝過 Perl module的人都知道，安裝 module 的標準安裝程序：

perl Makefile.PL
make
make test
make install

當然，在 Mac 上面，要稍微修正一下（Panther）：

perl Makefile.PL
sudo make
sudo make test
sudo make install

這個時候，問題來了...

(1) 首先，perl Makefile.PL 的時候，遇到了這個錯誤：

Cannot find the file 'mysql_config'! Your execution PATH doesn't seem not contain the path to mysql_config. Resorting to guessed values!

(2) 再來，sudo make test 的時候，居然發現：

Failed 20/21 test scripts, 4.76% okay. 894/897 subtests failed, 0.33% okay.

錯誤太多了吧 @.@ 結果好像是這個部份的編譯錯誤：

/****/DBD-mysql-3.0002_5/blib/arch/auto/DBD/mysql/mysql.bundle

有這麼一個錯誤訊息：

Symbol not found: _sprintf$LDBLStub

為了解決，google了很久，找了以下的文章：

• Crucial advice on installing DBD::mysql on Mac OS X Tiger :: The Daily Journey :: JayAllen.org

以下的適用於Mac OS X 10.3 (Panther)

• [tw] : How to Install DBD::mysql on Mac OS X 10.3 (Panther)
• OIKOS 生活網 / 用 Mac OS X 架設網站 -- 教學分享
• （Google搜尋還有很多，可以自行參考）

問題 (1) 的解決方法找到了：在 $PATH 加入 /usr/local/mysql/bin（因為 mysql_config 的位置在這裡，但是安裝完 MySQL 後卻沒自動加入路徑）

但是問題 (2) 還是沒解決... 後來發現，我裝的 gcc 好像只有 3.3？會不會是編譯器的問題呢？不管了，試試吧... 果然，裝了 gcc 4.0 後，真的可以正常編譯了！錯誤訊息也不再出現了 T.T

Summary 一下...

首先，要先安裝 gcc 4.0（如果 3.3 跟 4.0 都有裝的話，記得要 sudo gcc_select 4.0，這樣會把預設的編譯器設定為 4.0 版本）。

第二，在 perl Makefile.PL 後面加參數（其實我不知道是不是一定要加，不過至少這樣設定以後我可以用），testuser 跟 testpassword 要自己換掉，ip 跟 port 看需求設定。

最後，照標準安裝程序安裝就好囉！

perl Makefile.PL --testdb=test --testuser=root --testpassword=123 --testhost=localhost:3306

sudo make
sudo make test
sudo make install

以此篇紀念，我逝去的一個禮拜的時間... orz