Graphviz 基本上就是用一個叫 The DOT Language 的語法來畫出關聯圖或其他類似圖型。可畫什麼可以參考 Graphviz Gallery。

一個簡單的範例：
G {Hello->World}
可以畫出：

有 Mac 版本的 Graphviz ，非官方開發。在 2004 年得了兩個獎，不過最新的版本 1.13(v16) 也停在那一年。不過看來作者做了 iPhone 版的 Graphviz 。

DokuWiki 有 plugin 支援，但plugin:graphviz [DokuWiki] 這個看來已經掛了。而 DokuWiki 作者做的這個plugin:graphgear [DokuWiki] 長起來不是很漂亮。要再繼續找找看可以直接 show 在網頁上的方法。

我可以很簡單的用 GMail 的 simple formatting 來寫，外加穿插 HTML code ，就和Wordpress.com 上的 HTML mode 差不多。另外還支援像是 [tags x,y,z], [slug some-url-name], [category x,y,z]這一類的東西，像我這樣的龜毛人在發信的時候就可以直接設好這些了，另外 WordPress 對於 HTML 比較嚴格的要求也是我 care 的，所以就乖乖繼續用這邊好了。

希望可以不要龜毛，多寫點東西分享。

昨天看到一個方法，試用了一下還不錯，就簡單翻譯一下步驟，有興趣的人可以連回原本的頁面觀看 screencast （Screencast: Install Internet Explorer on OSX using VirtualBox (updated X2) | Low Voltage Blog: Do More, With Less）。

1. 下載 VirtualBox 並安裝。目前看來最新版的 VirtualBox 會有問題，原作者建議使用 VirtualBox 2.0.6 。
2. 到 Microsoft 網站下載 Windows + IE 的 VPC 。這裡有幾種版本可以選，包含 IE6 、 IE7 和 IE8 以及 Windows XP 或 Vista 版本的對應。基本上來說，我工作中會遇到的還是以 Windows XP + IE 6 為主，所以我只下載了這個版本。事實上，你可以下載不同的版本達成各種環境測試。
3. 下載作者推薦的 Zipeg 。似乎 The Unarchiver 也行。
4. 將下載的 image 副檔名換成 zip ，用前一個步驟的解壓縮軟體解開。其中 .vhd 的檔案就是我們所要使用的檔案。
5. 打開 VirtualBox 。新增一個設定檔。其中，在 Virtural Hard Disk 這一步中要選 existing ，然後在彈跳視窗中新增你剛剛解開的 .vhd 檔案，再選擇它。
6. 設定完了之後，就可以啟動了。啟動之後記得按 F8 ，如果來不及沒關係，反正 Windows 會掛點重開，這時候我們就可以選擇我們要的 safe mode with command prompt。
7. 進 Windows 之後，會跳出一堆新增硬體的視窗，不要理它。在 console 中切換到 C:\WINDOWS\system32\drivers 底下，執行：ren processr.sys processr.old 。
8. 重開機，這次應該可以順利開機了。那一堆新增硬體還是先不理它，我們要先安裝 VirtualBox 的相關軟體，讓我們可以使用的更順暢。進到 Windows 之後，按左邊的 command 鍵離開控制 Windows 游標，然後從選單列中選擇 Devices -> instanll Guest additions… 。安裝完之後再重開。
9. 重開之後，現在來處理一下相關的硬體部份。進到控制台的系統中，然後選硬體管理員，其中 power supply 的部份是可以關閉的（不需要一個 Virtual OS 來管我們的電源吧？），然後網路卡的部份似乎在 2.1.2 這一版是有點小問題的，請在 console 底下執行 D:VBoxWindowsAdditions-amd64 /extract /D=C:\Drivers，解開 AMD 的 drivers 到 C:\drivers ，好了之後在選驅動的時候，請直接選擇對應的驅動(C:\Drivers\amd64\Network\AMD)。（第二次裝是用 x86 driver ，可能得在確認。）
10. 好了之後，你的 IE 應該可以順利的連上網路了。
11. 最後還有一個步驟要做。因為這個作業系統其實是英文版的，所以沒有內建任何中文字型，我們必須自己把中文字型放到 fonts 底下。我是放微軟的正黑體，這樣放進去之後，網頁應該就可以看了。
12. 如果做到這一步都沒問題，恭喜你現在有一個免費的 IE 測試環境。要拿來看 IE only 網頁也行。甚至作業系統本身其實是套免費的 Windows XP 呀，只是是英文版的，連中文輸入法也沒有。

但是這個方法有一個要注意的地方是，下載的 VPC 在一段時間之後就會過期。例如說現在(2009/02)所抓的會在 2009/04 過期。如果怕麻煩的人，還是花錢買套 Windows 吧。

（5/15 ’09 updated: 因為到期重裝，順便修正一些地方。）

不過除了最基本的書籤功能，有些小技巧可能不是每個人都會注意到的，所以特別貼出來供同為 Delicious 的使用者做為參考。

注意：以下的功能在 Firefox 上以內建書籤就能做到。所以，如果你沒有跨電腦及分享的需求，可以直接用 Firefox 內建的功能即可，操作的方式大同小異。

1. RSS (live bookmarks)

新增 Delicious Live Bookmarks 圖例

Firefox 的 Live Bookmarks 在 delicious 中一樣支援，使用的方式也相同，就是按網址列的最後 RSS 圖示，出現選單的時候選擇 delicious 的即可。

2. 關鍵字 (keywords)

新增 Delicious keyword 圖例

這個也是 Firefox 內建的功能，在網址列輸入 [關鍵字] [要查的東西] ，等同於在搜尋列切換到那個搜尋引擎然後搜尋，用在字典上很好用。以 CDict 為例，在頁面上的輸入框上按右鍵之後選「Add a Keyword for this Search in Delicious」，就可以把這個關鍵字加到 delicious 中了。之後便可以如第一句所言使用。

3. bookmarklet

第三個也是我覺得最神奇的，就是 delicious 也可以存 bookmarklet 。什麼是 bookmarklet ？基本上就是用 JavaScript 寫的小程式，可以加到書籤中使用。而有一些東西，如 Google Reader 的分享功能或貼到 WordPress 這樣的功能，用不著裝 extension 或沒有 extension ，這時候 bookmarklet 就很好用了。

一般新增 bookmarklet 就是用拖拉的方式拖到書籤列，在 delicious 工具列中你也可以這麼做。不然我們也可以在連結上按右鍵，新增一個書籤。之後你就可以點選連結使用 bookmarklet 的功能了。

這樣的書籤預設是私人的，一方面 JavaScript 可能有不良的部份，另一方面則是這樣的 code 有的時候會帶一些如帳號資訊，所以預設為私人的也是好的。

除了這些，你還知道什麼特別的功能嗎？

剛用的當下覺得 Google Chrome 是一個取目前各家優點再加上自已的訴求而成的瀏覽器。介面上除了 Google 一貫的風格之外，有點 Windows IE 7 的感覺。一開始入眼的常用網頁很類似 Opera 的 quick dial ，但是不能自訂。把 tab 放在最上面其實也很 Opera 。畫面留了很大一部份給主要顯示部份，看得出來是為了 web application 所以這麼設計的。相較於 Firefox ，中文字型上還需要做些調整，不過大致上來說比 Safari 一開始會掉字的情況好多了。以我每日會使用的網站來說沒什麼大問題（大概英文網站都會對 Safari 有調整了，中文網站我不太常用XD）。

但是第一眼之後， Google Chrome 可以說是一個「下一代瀏覽器」的指引，也許在接下來各家瀏覽器上就可以看見類似的功能。在 Google Chrome 的漫畫介紹中也很明白的提到了 Google 生存在網路上，所以一個良好的網路環境對 Google 來說是重要的。 Google Chrome 究竟能不能有良好的市占率不是重點，而是網頁能不能更合標準，瀏覽器能不能更適合 web applications 的生存。而現在看起來，連微軟也答應要在 IE8 遵循標準，看來網路的混亂時代正一步步的撥雲見日（但是太平盛世還早）。

relative links:

• 官方功能介紹：要快一點了解看這邊。
• Google Chrome comic book：長達 39 頁的漫畫說明，是 Google Chrome team 和漫畫家 Scott McCloud 合作而成，是原汁原味的 Google Chrome 介紹，幾乎所有的要點和疑問在其中都有論述。想深入了解必讀。
• What Google Chrome means to web developers
• Google Chrome 的記憶體用量：果然 Opera 還真是好物呀。
• Google Chrome 的 about pages
• Google Chrome Tips
• Google Chrome Google Group: You can post your suggestion here.
• Google Chrome Tips and Pointers
• The Power User’s Guide to Google Chrome
• 有關 Chrome 的東拉西扯

posterous是我最近在玩的網站。它其實很類似其他的部落格平台，可以說是輕量的部落格平台。表面上看起來和其他的部落格平台沒什麼不同，但是在發表上的一些地方讓我覺得很棒。

• posterous 和 email 整合的很好。所以，你只要會用 email ，你就會寫 posterous 部落格了。
• posterous 不用註冊。你只要寄信到 post @ posterous.com ，他就會幫你開一個新的帳號和建立好你的部落格。部落格預設的網址（我猜，因為我很在意網址所以我用註冊的方式）就是 http://你的帳號.posterous.com 。你的帳號就是你 email 中 @ 前面的部份。
• posterous 會幫你做基本的格式轉換。email 中的換行都是有效的。也會幫你把網址轉成可連結。

接下來是 posterous 我最欣賞的地方。

posterous 會自動將你 email 中的附加檔案轉成可以在網頁上直接瀏覽的形式。 posterous 目前支援下列檔案類型：

posterous 支援的檔案類型

至於轉成什麼樣呢？就要到 posterous 的 faq 看一下。基本上來說，Office 檔它會用一個線上服務 Scribd 來顯示，讓你可以不用下載就可以做簡單瀏覽。圖片檔如果單張會直接顯示，但多張的話會做成像相簿一樣，讚！而 mp3 檔則會有一個簡易的 flash 播放器。而以上這些檔案都是可以下載的，所以要和朋友分享也非常方便。（當然也可以選擇不開放下載）

此外，一些國外知名的影片分享網站如 Youtube, Vimeo 等等，你只要直接貼上你在網址列中看到的那一段，如：http://www.youtube.com/watch?v=CB17uWuBrL0，它也會幫你變成可以播放的版本。有沒有很簡單？

另外，簡單的瀏覽人數統計還有支援留言機制（原先的 Tumblr 不支援）都令人覺得非常方便，網站更新的速度也蠻快速的，是個值得期待的服務。

想要輕鬆分享東西？想要讓你的阿媽也來寫部落格？用 posterous 就對了！

’08 7/23 updated: posterous 的新功能：在貼到 posterous 的同時發送到 Twitter 和 Flickr ，讓目前已經有 Twitter 和 Flickr 的人可以更輕易的善用 posterous 簡單的張貼型式，我覺得是很棒的進步。而且和目前服務的良好結合，讓人比較不會有平台取捨的問題。加分！

Post revisions 帶來了類似 Wiki 的版本比較，對於群組部落格來說是個超重要的功能。而新的 Press This! 功能可以說是針對 Tumblr 而來，幾乎複製了 Tumblr 好用的 bookmarklet ，讓人可以快速的把內容往部落格貼。Image caption 幾乎是命中我了，一個原本要透過 CSS 設定的功能現在 WordPress 幫你準備齊全。利用 Google gears 這件事也幾乎是一絕，雖然我並沒有感受到速度的提昇，但也許這是離線編輯的號角，令人相當期待接下來的發展。

所以，我想試試 WordPress.com 這個平台。雖然自訂性沒有自架來得高，但是穩定性必然比自架來得好，我暫時也不想要花精力自己來了。

希望不要再「不厭其煩」了。（笑）

除了這套 Chyrp ，還有 Habari ，也是一套輕量的 blogging platform ，看來面對越來越大的 blogging platform ，有一些人做了一些反動。畢竟，好文章和系統沒有太大的關連，事情不需要搞得這麼複雜才是。

雖然 Chyrp 看來比較吸引人，不過 Habari 看起來功能上會更完整。目前看到幾個用 Habari 架的站：伽藍洞、天佑的自由天地還蠻有樣子的，而且似乎可以直接從 WP 吃資料進去？

而我還在想要怎麼好好的用 Tumblr ，也許這篇 13 Reasons Bloggers Should Use a Tumblelog for Links可以參考一下。

目前這個 Blog based on DokuWiki 用起來一切都好，不過在現在這個 Blog 相關功能做得很方便的時代，一切都要自己手動還真的是小麻煩。如果 Habari 確定可以做到類 WP 的功能，可以 support 外部張貼的話，倒是真的可以來試試。

ref: Tumblelog @ Wikipedia