drupal on Drake's Weblog

DrupalCamp Taipei 2011

Wed, 15 Jun 2011 09:17:00 +0800

2011年我們又要再來跟你碰面。DrupalCamp台北將在 7/9, 7/10於台北的中國科技大學舉辦（近捷運萬芳醫院站），將會有300人一起參與這場盛會！因為你們的支持，Drupal台灣才會越來越好！我們一樣沒忘記要將最好的回饋給你！今年最特別的是除了一整天的多軌議程之外，還有第二天的社群活動與社會參與，預計的內容包含： 7/9 正式議程：主題演講： John Wilkins - 用Drupal 打造更美好的網際網路(英/中雙語) 洪朝貴博士 - 你善用網路了嗎? 擁有得多，不如使用得巧專題分享：友達光電的企業內部網站100+ 用 Drupal 打造美好資訊架構 Mobile Drupal 多伺服器/高效能的Drupal 主機解決方案案例與座談： Drupal 與 Facebook 交朋友，以及那些網路身分們 NNCF.org - Content, Commerce, CRM 香港南華早報 Drupal 是好的生財工具嗎？網站標案經驗分享 + 中小型網站製作公司/工作室座談現場教學： Drupal 7 基本安裝與操作 Drupal 7 的基本 Fields / Views 運用 Drupal 6 的進階 CCK / Views運用 7/10 社群活動（免費參加，但需事先報名）： Drupal 7/模組中文化 Drupal Taiwan 網站優化 NGO Drupalthin - 協助非營利組織改造網站 >> 立刻報名

DrupalCamp Taiwan 2010

Sun, 25 Apr 2010 12:59:48 +0800

DrupalCamp Taiwan 2010 was announced by DrupalTaiwan. It has been preparing the programs for a while and fortunately (and surprisingly), I am asked/invited to have a talk (or more than one session?!) if possible~ The issue is, I don’t know what to share for this Drupal event in this 2010 hot summer? No idea at all. Actually, I doubt having anything to share ;) Anyway, share this information to anyone interested in it.

台大計算機中心的「Drupal 6 Views Module系列」

Wed, 27 Jan 2010 13:35:02 +0800

Drupal是一套內容管理系統，本系列文章將以View模組實際示範網站建置，除展示其驚人的彈性之外，也希望能稍微降低其學習門檻，引領讀者們進入Drupal的世界。我們將在本文中為大家介紹在 Views 中的Arguments，Relationships及Sort Criteria這些強大的功能及使用方式。上頭這兩篇文章就 Drupal 的 Views 這個模組，做了一個非常有趣的介紹吶~ 經 DrupalTaiwan 上頭 charlesc 的介紹：[好文] 使用Drupal 6 Views Module系列，才得以看到這兩篇文章，同時意外看到，以前工讀時，就在計中的熱血工程師許凱平先生，也寫了一篇心得分享：採用開源軟體之個案經驗分享(一) 以開源內容管理平台Drupal開發「國家公園虛擬標本館」專案。 jesselue 提供了 CCK+Views 的學習建議：[好文] 使用Drupal 6 Views Module系列

Drupal 7 的重要進展

Sun, 24 Jan 2010 23:15:40 +0800

根據官方的說法，Drupal 7 有如下幾點特色： Revamped User Interface 有了“Seven” 這個 theme，加上 overlay, dashbard 與 shortcut，整個就很威。其中的 dashboard 與 shortcut 很 web 2.0，你想要怎麼樣的 UI，由你自個兒來決定，完全擺脫了預先設想的 UI，高度自由化。硬要挑剔的話，就是少了幾個 preset。試想，對於一位第一次嘗試 Drupal 的人來說，有預設的親切 Admin dashboard，是會獲得不少喝采的。另一方面，試了一下 In-place editing，還不賴。有了這個，要砍掉一個 node 也會稍為地快一些。我對於，怎麼加裝想要的功能到那個 drop-down box 這件事，比較感興趣就是了 :p Custom Fields 除了內建 CCK，省去安裝這個模組以外，更棒的是，也可以用在 user, taxonomy 等非 node 的物件上頭了。如果套用 functional programming 的述語的話，就是所有東西如果一視同仁地以 first class 對待的話，那麼你可以施加在 node 上頭的事，當然也可以用在 user, taxonomy, menu, views, block, … 囉! 想像一下，你可以給特定的 view 新增一個 illustration 的欄位，然後透過 argument 或是其它方式，讓這個 view 在「秀」不同內容時，給與你不同的插圖 :) Image Handling 簡單來說，就是省去你安裝 imagecache + image field 的意思。

Quick Taste of Drupal 7 Alpha 1

Wed, 20 Jan 2010 22:18:27 +0800

Drupal Taiwan 2008 年終網聚!!!

Wed, 24 Dec 2008 00:18:01 +0800

Drupal Taiwan 2008 MeetUp @ Frog Cafe. 回來的路上，我一直在想「出席的人都非常客氣，既不吵鬧，也不嘻戲，而且還很乖地座在位置上一動也不動地聽著，實在很不可思議吶…」，也許是因為，這是個有點宅又不太宅的活動，而且又是少之又少的台灣 Drupal 活動，大家還不熟吧? 和湘穎的聊天過程中，我們聊到「不景氣的年代，大公司的網站開銷縮編，也因此多了不少的外包，因為既省成本，也省人事，更省去複雜的 C2C 人事往來」。另一位 hanamizuki 也提到「難怪我最近接到比較多的 case，愈不景氣，愈是多 case 呢~」。我個人希望，透過 Drupal Taiwan 的推廣，讓更多人投入，每個人都接到一些 case 練功兼賺點生活費，然後兩三個月就來個 Drupal Party，歡樂一下，挺不賴的。另一方面，Jimmy 的分享中提到 Acquia Marina 這個佈景主題，抓下來試試看，想說就直接先套上去。快速看了一下，發覺是個沒有啥文件的 theme，一般的 theme 都是這樣，不過因為我太習慣 zen 的完善文件（官上說是 fantasic online document）了，一時覺得不大適應。（PS. 不得不再大力推崇一下 zen，它實在非常優秀，是我目前覺得最棒的）Acquia 花了不少力氣在 theme settings 上頭，於是你可以就每個 content type 給不同的設定。ex, blog 不要秀 author info 與 posting date，但是 forum 只要秀 posting date，然後 page title 也可以自定什麼的，算是挺方便的。簡言之，它是個你想了解 Drupal 6 的 theme setting 非常好的參考。關於 i18n，我多少非常非常地希望，有人願意出來和大家聊聊這個，就如同今晚想到的「就公司或一個組織的網站來說，多國語言是個還算挺重要的，有個全面且簡易的作法，對開發者與使用者來說，都是同等重要的」。Cellopoint 的多國語言是透過「直接架設四套 Drupal 而達成的」，非常的取巧，但我仍樂於見到又更一致的作法 :)

KnowledgeTree

Sat, 22 Nov 2008 17:57:38 +0800

剛剛在 LinkedIn 上的 Open Source 這個群組裏頭看到一則討論：which is the best opensource knowledge/documentation management? 因為好奇，就順著看了下來，得知有個叫 KnowledgeTree 的東西。快速看了一下，還不是很了解這個產品的特色，於是跑去 Wikipedia 上看了一下，也沒有什麼特別的介紹，暫時不與以理會。有趣的是，LinkedIn 裏的討論串，有位老兄說：「請不要考慮使用 Drupal 或是 Joomla，因為他們都有安全漏洞。」但是呢…我卻意外發現 KnowledgeTree 的官方網站是使用 Drupal 架的。他們的網站都沒有什麼分欄，沒有所謂的兩欄、三欄什麼的，就都是大辣辣地把內容秀在中間。只使用了 primary links 與 secondary links，非常的精簡。不過版型設計得中規中舉，不失為一個資訊公司的好網站風格。

我是這麼介紹 Drupal 的

Wed, 01 Oct 2008 22:53:59 +0800

應 Cellopoint 的邀請，給了一場 Introduction to Drupal 的 talk，時間約莫一個多小時，4+1 位聽眾，一頁投影片也沒有，就一台可以上網的筆記型電腦與一個白板。我只在前一晚想了一下要提的綱要與流程，就這樣，非常地簡易。我是這麼想的：透過 Drupal Taiwan 的繁體中文網站秀讓大家先了解一下，使用 Drupal 的台灣網站有哪一些。特別秀了苦勞網、行無礙與 PlayStation 臺灣網站這幾個不同性質的網站。 Drupal 的檔案架構，特別強調了 modules, themes 與 sites/all 這三個目錄。說明了一下，藉由把自己安裝與撰寫的模組、版型等資料放進 sites/all 裏頭，在完全不更動到 Drupal 核心的情況下，可以做到日後的「幾乎無痛升級」。暗示一個網站的建置，流程上以先後順序分為：1) 先決定出網站的內容類型，2) 之後再去思考這些內容的呈現方式。接著指出 Drupal 一安裝好，最最重要的幾個模組，分別是：node, taxonomy, user 與 menu，然後一一做功能上的介紹。像是幾個例子：如果你要架個 web bbs，可能會希望網站上的使用者有「未註冊」「已註冊」「板主」「小組長」「副站長」「站長」，然後有不同的權限。這時你可以透過 user 的 roles 來做到。「好好」介紹 taxonomy 這個模組。它可以用來做 category, tags, filter, …，幾乎任何帶有「分門別類」的功能，都可以透過這一個（也幾乎只要一個）模組搞定。接著，我們來想想「網站呈現」這麼一回事。 CCK 登場。因為 CCK，所以我們可以非常容易地實現了「客製化的內容類型」。來幾個例子吧。 Views 登場。因為 Views，我們可以以自己的喜好，任意地「撈」出想要的內容。 CCK 幫忙處理了 database 的 schema；Views 處理掉了 SQL expression。簡言之，你透過後台的「點來點去」，省去了思考這兩點的所有細節。最後，我們來稍為聊聊 themes，看看 themable functions 是如何的優秀。 talk 結束，回家的路上，我一直在想一個問題，「究竟這樣的 talk 會有多大的效應呢?

簡譯「How I Survived a 2300% Traffic Increase With Drupal」

Mon, 28 Jul 2008 19:52:34 +0800

Drupal Modules 這個網站的原作者 John Forsythe 在他的網站上頭寫了一篇How I Survived a 2300% Traffic Increase With Drupal，裏頭提到：他在他網站，寫了一篇有關 Drupal 的文章，因為被放到 Reddit 的首頁（性質就像 funP 或 HEMiDEMi 的網站），於是那幾天的流量，直接增加了 2x 倍。他言簡意賅地，以條列式的方式舉出了五點，如何讓你的 Drupal 可以撐過這類的災難（撐過災難，你的網站就離大紅大紫又更近一步了）。其中，只要做到前兩點，就可以有某種程度上的改善。我在這邊做個簡單的翻譯，有興趣的人可以看他的原文。開啟 CSS Aggregation 開啟 Page Caching 關掉那些花費不少資源的 block 讓你的圖檔盡量地小使用一個靠得住的網站空間提供商（web hosting）開啟 CSS Aggregation Drupal 的成功因素之一，來自於它廣大的社群與豐富的模組，但這也間接造就了大量的 CSS。如果你建置了一個使用 40 個模組的 Drupal 網站，裏頭，可能會有 20 個模組有各自的 CSS 檔，加上 Drupal 與 theme 原有的…也就是說，對於一位來逛你網站的人，他（她）至少得下載 20 多個 CSS 檔才有辦法看到完整你的網站。這 20 多個 CSS 檔的下載，會讓瀏覽你網站的人，因此得多等待個幾秒，然後呢，如果遇像上流量大的時候，說不定還因此讓你網站的機器掛了!! 很幸運地，有個簡易的解法：CSS Aggregation。從 Drupal 5 開始，Drupal 有個功能，它可以把幾乎所有的 CSS 檔合成一個，這樣一來，來瀏覽網站的人，就只要下載一次，節省了還蠻可觀的時間。

Drupal 模組：PNG Fix 解決了惱人的 PNG 問題

Sat, 08 Mar 2008 13:06:21 +0800

去年的年初（2007），我接了個 cirque 的案子，從小胖手中拿到設計，到切圖，設定寫程式有的沒的，最後雖然完成了，卻因為沒有處理好半透明圖的問題而小帶遺憾。同樣是在去年，時間改到夏天，與朝富合作，完成了行無礙網站 on Drupal，首頁上的 logo 也是處理了一陣子，最後透過 PNG in Windows IE 裏提到的方法解決了。最近，我發現到一個很棒的模組：PNG Fix，它是一個 jQuery 的一個 plugin，使用它可以很輕易地解決掉 png 在既舊且笨的 IE 上頭的問題!!!（可以在 wikipedia 上頭介紹 PNG 的文章最後，看到一個 Internet Explorer incompatibility 的章節） OK, 重要的事已經分享完了，而我也已經在這個網站上安裝了 PNG Fix，對於那些依舊是使用 IE 6.5 以前版本的造訪者，我已經可以，完全無後顧之憂地大量使用有半透明特性的 png 了，真棒。下頭，是一些與 PNG 有關的小故事，我覺得有趣的小故事… PNG 的出現，可以說是 GIF 一手造成的。這說法很有趣也很怪，居然一個沒有生命的檔案格式，可以影響到另一個檔案格式的誕生!! 這是我想聊的第一個小故事。 GIF（Graphics Interchange Format，非常有魄力的全名）是在 1987 年，由美國公司 CompuServe 發展出來的，然後接著 GIF 就因為搭上了 WWW 順風車，一路紅翻天，讓全世界一大票人都曉得有這麼一個東西（這感覺就像，全台灣人幾乎都知道有個叫大家電鍋的東西一樣地讓人興奮）。GIF 對一般人來說，就是它有透明色的支援，以及它可以是一段動畫，就這麼簡單。有趣的是，GIF 使用到的一種壓縮技術：LZW，它的專利權握在另一家叫 Unisys 的公司上頭，但 CompuServe 在設計 GIF 時，並沒有想到這一點。隨著 GIF 的流行， Unisys 意識到要對於他們的專利做某種程度上的保護（也可以說是商業行為上的利益保護），於是有了一些公文發佈、行動…等，意思約略是「有使用到 LZW 這個技術的 GIF，如果你的網站有使用到，我們就有機會要求索取一定額度的權利金…」然後呢，全世界有一些人就瘋了（不過我猜裏頭很少有台灣人，因為我們對於專利這東西的敏感度似乎在當時還非常的低）…

我的第一個 Drupal 模組：Thumbview Field

Mon, 18 Feb 2008 23:46:23 +0800

為了回應 Jimmy, 阿翔, kid814 等人，同時也想試著寫個 Drupal 的模組來練習一下，於是有了這個 Thumbview Field 的模組誕生了~

幾個月前，我寫了篇「Drupal：許每篇文章一張圖」，目的在做出 Cool Hunting 網站上的視覺效果來，使用了 Computed Field 這個模組，搭配 htmlparser 來抓出每篇文章的第一張圖，然後再使用 Views 與 Imagecache 來秀圖。過程非常的複雜，容易出錯。幾個月後，有了這個模組，目的是在簡化整個過程…

接下來的全文，會有非常多的圖，請有心理準備。

Drupal Project：行無礙

Tue, 29 Jan 2008 01:02:05 +0800

捎來一封信，信的內容只有一句話「Drake，有興趣嗎?」信裏頭的轉錄內容，是來自一位 2007 台灣網誌運動會上，坐輪椅的朝富，他有個網站，自行使用 Drupal 來架設的（我猜一定是受了 Charles 的推薦的。Charles 嚴然是台灣 Drupal 社群的重要推手了），經過一陣子的調整與使用後，朝富決定延攬有 Drupal 架設與開發經驗的人來共襄盛舉，讓這個網站的開發可以更快速且多元些。因為朝富他讓我見識到，原來人可以這麼地積極與活躍，活像個小太陽似的（這也許是為什麼他在網路上的 id 叫 sunboy），就連他帶來的行無礙生活網也是如此。於是，我決定投入這個合作案：這個使用 Drupal 來打造一個社群網站的合作案。上頭這一張縮圖，是經過數次的討論與腦力激盪，得出來的網站設計稿。整個設計的概念由朝富、Naomi 和我三人共同討論，由 Naomi 使用 Illustrator 操刀完成的。朝富在設計這個網站時，想法非常的 open，想把很多現行的 web 2.0 的一些觀念與特色都作進來，像是 blog, wiki, trackback, gallery, news aggregating, gallery, single sign-on, …。老實說，一開始我是有被他想作的東西的量嚇到了，因為工作的時間不長，大約只有一個月，還好後來我們有決定出個優先順序來。旁邊這張圖是他那時開出來的規格表。網站的 layout 是三欄式網站。有別於一般網站，主要欄位被放到左側，而較次要的兩欄都在右側，所以如果從左側數過來的話，就是：main column, right column1, right column2。同時右側上頭還有個跨兩欄的「熱門活動」。這個網站設計有如下的幾個重點：要讓網站以「社群網站」或「入口網站」的型式（community site or portal site）呈現，而不是像幾位寫手組成的共筆部落格那樣。同時，又不能像「新聞網站」（news portal，ex, udn）那樣地擁擠（我喜歡用文字牆來形容這類的網站），要乾乾淨淨地，有質感。首頁上頭有個行無礙影像誌聯播，是個由智邦所提供的相簿服務，得用些方法把它撈出來好和 Drupal 作整合。專欄作家是個重點，要把他（她）與其它文本給區隔開來。最右側的四色區塊，他們的標題欄在區塊的最下頭。這一點和「一般標題都會在區塊的一開頭」的作法有點不同。使用 Google Maps 把行無礙店家資訊整合進網站裏頭。指標性參考網站是苦勞網。四色區塊的標題位置以上頭的這張圖來看，左邊是一般的區塊顯示的樣子，右邊是我們想要的結果，最大的差別在於標題的位置。左邊的區塊的標題是「最近瀏覽」，右邊的標題則是「身心障礙BLOG」，右邊的標題從最上頭跑到最下頭了。舉個例子，一個區塊的 html 碼：

Drupal：妳的視界

Sun, 27 Jan 2008 02:41:35 +0800

在找「永春二手市集」的資料時，發現了這個「妳的視界」的網站，它是個用 Drupal 作的網站 :) 它的首頁，使用了 Panels 這個模組，然後 Panels 裏的每個 page 是 taxonomy view 的樣子。不過它輸出的 html 怪怪的，會出現兩次 <html> tag @@

Drupal：許每篇文章一張圖

Fri, 30 Nov 2007 01:28:20 +0800

的某個頁面，它讓每一篇文章都成了一小張圖，然後整整齊齊地擺出來，整個就是好看。於是乎，逛 Cool Hunting 時，不再是依照每一篇文章的標題或是文章摘要（teaser）來決定要不要點進去看，而是這篇文章的小圖有沒有引起你的注意。圖像化文章列表（photolized list of articles） – 給它一個命名。隨後想說，既然 Drupal 這麼強大，應該有辦法弄一個類似的功能出來的吧。著手研究了一下當時（寫出這個功能時，應該是 2007 年的夏天）的模組，並沒有找到類似功能的，有點接近的，可能就屬 Teaser Images （@drupaltaiwan）了吧。但是 Teaser Images 只能處理放在本機上的圖片，並無法處理外連的圖片，而且如果圖片是出現在全文裏頭，而不是文章摘要的話，就沒用了… 更新：嘗試寫了一個模組，所以作法變得簡單一些些了：我的第一個 Drupal 模組：Thumbview Field。不過如果你想知道我一開始是怎麼想的，那請繼續閱讀下去，不然，就直接跳到這吧。好吧，自己用湊的方式寫一個好了，下頭是約略的想法：假設每一篇文章都可能有一張圖在裏頭，但也只是可能，而且這一張圖片可以是放在別處，像是 Flickr 或是 Zooomr 之類的地方。文章發表時，如果這篇文章裏有圖片連結（ <img src=…），會自動抓出第一個圖片的網址出來，然後存起來留到需要的時候再用。使用 Views 產生一個 block，亂數選出一些文章來。使用 Imagecache ，再配合之前存下來的圖片網址，自己寫一個 theme function，以小圖來代替這一篇文章，秀出來。接下來，就是落實的部分了。為了達到上頭的想法，得再明確一點想出一套程式作法來，這樣才好動工，於是又有了下頭這個作法列表：把目標鎖定在 blog 這個類型的文章（老實說，這個網站也只有這個類型的文章吧…）。使用 Computed Field 這個模組，這樣就可以在每新增或是修改一篇 blog 時，會去執行一次 Computed Field 裏的 php 程式碼，然後就可以利用它，動態地抓出第一張圖片的網址並且存起來。作法是，新增一個 field，然後把它加到 blog 這個文章類型裏，名字的話，就叫 first_image_url 吧。然後使用 HTML Parser 這個 php library，抓出 <img src="….

Drupal Taiwan 的常用模組清單

Wed, 10 Oct 2007 23:55:39 +0800

在看了 Lullabot 上的 Drupal Podcast No. 40: Top 40 Projects 與 Leancode 上的 Top Drupal Modules 後，想說，也來效法一下，弄個在 Drupal Taiwan 的模組清單，供大家有閒無閒，就推一下自己愛的模組，順道看看大眾的推薦結果又是怎麼樣的，然後從中發現自己沒有用過，但人氣似乎很高的模組…應該很有趣的吧。這是我仿效 Leancode 網站上的作法，一樣是到隸屬於 amazon 集團的 UnSpun 上頭，開了一個 list 出來，叫 Top Drupal Modules in Drupal Taiwan 的清單來。使用的方法如下：如果你想推薦清單裏頭現在的任何一個模組，直接按它前頭的「上」或「下」箭頭，「上」代表推薦，「下」應該就是噓它吧。如果你覺得很讚的模組沒上榜，那就直接點選清單上頭的那一排 Top Drupal Modules in Drupal Taiwan，或是點選這個聯結，然後在網頁的最下頭找到 Add a new item to this list，在裏頭輸入你想要新增的模組名就行了。（不過呢，其實沒那麼簡單，它會要求你要註冊個帳號，然後要回覆一下確認信什麼的，手續有點麻煩，但只要麻煩一次就是了…）如果你已經在 UnSpun 上註冊了，你可以幫個忙，每個模組下方有個 add a link，請幫它加上這個模組的官方網址，方便大家瀏覽時，方便取用。（ex, 在 Gallery 這個模組，加上 http://drupal.org/project/gallery ）。

Drupal Project - cirque

Sat, 22 Sep 2007 21:44:33 +0800

cirque 是一個外接的網站案子，我使用了 Drupal 把它實作出來。它是個 e-commerce 網站，但卻沒有購物車等買賣功能，有的只是賣的飾品的圖片與品牌介紹、友好網站和一些新聞，再來就是一般網站都會有的 About Us、Contact Us、版權宣告等之類的。換句話說，這是一個在網站的功能上，沒有什麼很特別的地方的一個網站。因為整個網站的重點在於版型的設計與呈現，所以美術設計部分，由林小胖（Edward）負責，而我則是版型的套用與模組調校。整個網站都是使用 HTML + CSS + Javascript 完成，沒有任何 Flash 的影子。下頭是幾頁比較重要的設計：由左至右，依序是：首頁（Frontpage）、品牌頁（Brand or Collection）、新聞頁（News）和一般頁面（About Us, Contact Us, …）。內容類型（Content Types）：一般性內容（Normal）：不需要什麼特別的調整，直接輸出即可。飾品（Product）：飾品會有的資訊，就只是一張圖而已，所以其實可以使用 Image Node 來表示，但這邊我使用了 Imagefield 和 Imagecache 來實作，主要是因為 Imagecache 可以根據設定的不同，很快地產生不同大小的縮圖。商店聯結（Link）：作法和飾品類似。新聞（News）：把新聞特別獨立出來，是為了讓它有不一樣的呈現方式。品牌（Brand）：這其實不是一個內容類型，而是一個分類（Category or Taxonomy）類型。同時，我使用了 Taxonomy Image 讓每一個類別可以有一張預設的圖片。首頁在整個網頁撰寫中，首頁算是比較費功夫，也比較多樣化的一個。首先，你不會在首頁上頭看到所謂的「最新的一篇文章或一個商品」，性質很接近的，也只有新聞這一欄（1），至於品牌（3）與友好商家（4）的內容是亂數出現，然後 About Us 與 Contact 則各是一篇 node。這有別於其它內頁的整個設計，為此，我給整個首頁一個獨立的 page-frontpage.tpl.php 和相對應的 css 檔，而它唯一和內頁相似的，就只有最上頭那個用手寫的 Cirque logo 及最下頭的版權聲明等。在這邊，我把整個首頁分成兩大塊區域（region），然後把 News 與 About Us 放在一起，而 Collection, Shops 與 Contact 則是另一個，這樣做的目的，是要讓整個畫面看起來比較整齊，不會因為 News 與 About Us 的高度不同而破壞了整個畫面的平衡感。至於怎麼讓這 5 個區塊（block）都到位，那就是 css 的事了。

苦勞網 2.0 @ Drupal

Tue, 10 Jul 2007 21:50:12 +0800

的賞視與推薦，於是，我加入了苦勞網 2.0 改版計畫。苦勞網是一個 NPNGO，就我片面的猜測兼了解，NPNGO 大概就是 Non-Profit Non-Government Organization，我們就叫它「非營利非政府組織」好了。好吧，我承認是有那麼點饒舌，而且讓人似懂非懂。苦勞網的一群熱血青年，報導一些當下大眾媒體不去好好面對、誤報、不想理會、沒有繼續追蹤下去的各類新聞。舉個例子，苦勞網就花了非常多的篇幅在報導樂生事件。苦勞網 2.0 改版計畫，目的之一在於匯整一些人員，一同就 Drupal 這個「開放源始碼（opensource）的程式平台」，開發新一版的苦勞網出來。一來，給苦勞網的十週年來個新面貌，二來，本著「開放源碼」「開放文化」的精神，推廣苦勞精神的同時，也推薦 opensource 的文化…在台灣。 Jedi 有一篇從苦勞網與NGO Online 說起| Jedi’s BLOG |Jedi.org，有另一種不同面向的說法。在改版計畫中，我參與了版型設計的部分，說得更精確一點，是使用大量的 css 來更動版本呈現的樣子，而程式與網站功能方面，全全有 jimmy 負責。這樣的搭配挺有趣的，對我來說是第一遭，也遇到了很多 css 上的問題，頓時覺得 css 與 browser 之間的奧妙，實在博大精深到一種，常人無法理解的地步。總之，我很幸運地參與了這個活動，同時還在裏頭貢獻了綿薄之力，是個非常有趣的經驗。附上兩張 layout 設計圖。 [960706-苦勞網2.0改版趴](http://www.flickr.com/photos/karlmarx_75/sets/72157600686399331/ “KarlMarx’s buddy icon 960706-苦勞網2.0改版趴 " )，這有整個改版 party 的活動圖片 :)

台灣 Drupal 的第一堂課

Tue, 10 Jul 2007 01:08:38 +0800

這個網站 drakeguan.org（或說是 blog），整個是使用一個叫作 Drupal 的程式架起來的，機器是在遙遠的美國（也有可能是在別國啦，沒有考究），一個月的月租費 7.95 美金，約新台幣 300 元。Drupal 這個對程式設計師來說，挺有友善的，讓他們可以，以一種比較便利且有系統的方式來調校整個網站，同時比較資深或熟練的程式設計師，還可以靠 Drupal 外接一些 case，賺點外快，算是個很不錯的東西。 Ok，這一篇 blog 是要說，台灣玩 Drupal 的社群叫 Drupal Taiwan，網址是 http://drupaltaiwan.org/，上頭有一位很厲害的 Jimmy，他非常熱心地要把他所學所會，以一種比較有系統的方式教導大家，使更多人懂得怎麼善用 Druapl，同時讓 Drupal 在台灣發光發熱。課程大綱如下： 1. Drupal無限可能的原因：CCK + Views，以及各種模組解決方案 1.5hr，此節課程不需開發技巧，難度：＊＊ CCK設定詳解 Views設定詳解 CCK + Views Case study 以CCK + Views出發，搭配其餘模組解決方案指引 FAQ時間 === 中場休息與互動：Drupal Taiwan and you === 與open source社群互利共生的合作方式為何？為什麼以如此合作方式？如何參與drupal、drupal taiwan的社群？ drupal靠誰運作？drupal taiwan靠什麼運作？ 2. 超彈性版型～調整drupal版型一點也不難 1.5hr，此節課程需要php基礎技巧，難度：＊＊＊ PHPTemplate架構及概念介紹 PHPTemplate的開發指引：自定義變數、複寫預設的theme、自定義Region Case Study：以Region實現Drupal超彈性版型如何使用Drupal與美工合作實戰分享 FAQ時間 3. 超快速開發，開發drupal模組實戰指引 1.5hr，此節課程需要php的進階技巧，難度：＊＊＊＊ Drupal模組開發的原理：hook，form API，database API原理簡介一個最簡單的模組

新增小貼紙

Wed, 15 Nov 2006 00:05:56 +0800

修改了一下這個版型的 node.tpl.php，給每一篇文章的底部加上了個小貼紙，這樣一來，有需要的人，或是支持這個小地方的，可以透過小貼紙，方便你把它給加到你常用的 web2.0 的 list 裏頭。目前放了四個 web2.0 的小貼紙，分別是 HEMiDEMi, del.icio.us, digg 和 Technorati。這四個 web2.0 的服務，都是讓你方便把常去的網站，或是在網路上看到一個不錯的網頁，透過這些服務，登入到裏頭。一來，可以做為你私人的「網路書籤」，二來，可以推薦給更多人知道，本著所謂「好東西與好朋友分享」的精神，也順道看看別人對於你推薦的網頁有什麼看法，再者，可以幫你推薦的網頁打個小廣告什麼的。舉個例子，我在 del.icio.us 裏頭的書籤的聯結，裏頭我整理了不少與 3D 動畫相關的，當然還有一些像是 Linux 的啦，Apple 的 MacBook 啦（好吧，我承認，我真的很想要一台 MacBook Pro，不過好貴呀）之類的。然後我也在 HEMiDEMi 註冊了一個帳號。目的：在你的每一篇文章（node，ex, blog）的最下頭，加上現在 web2.0 很流行的小貼紙。必要條件： Drupal 4.7 使用 phptemplate 的 theme 懂一點點 php 作法：修改你安裝的 theme 裏頭的 node.tpl.php 決定你想把小貼紙放在哪，我是把它放在文章的最末端（links 的前頭）我決定加上 hemidemi, del.icio.us, digg 和 technorati 等的小貼紙，然後就前往各家 social bookmarks service 的官網，找到他們加小貼紙的 url。新增一個 stickers 的 css class 在你的 style.

發現「老苗的行走日记」

Thu, 28 Sep 2006 01:16:14 +0800

下午在逛中國大陸的 drupal 社群時，發現到老苗的行走日记，有沒有發覺，網站的版型很相像呀。我猜他和我的版型一樣，都是修改自 The Guy Wilkins Band 這個網站，感覺挺有趣的。有圖有真相，放上三個網站的圖出來，讓大家比較一下。 The Guy Wilkins Band 老苗的行走日记 drakeguan.org

被色情網站盯上了 = =

Tue, 26 Sep 2006 17:18:18 +0800

繼上上週開始，一直會有一些廣告留言出現，都是色情網站之類的。剛開始是一天三四封，覺得還好，就手動刪一下，後來有天一次出來個十封垃圾留言，有點火大了。不想為了擋掉這種垃圾留言，而讓留言的人覺得有點麻煩（要輸入驗證碼或是註冊才能留言什麼的），於是在 drupal 的官方找到 akismet 這個好用的模組來用，想說就裝來看看。開啟這個自動擋垃圾留言的模組是台灣時間 9 月 21 號，現在是 9 月 26 號，還不到一週的時間，得到了如下的結論： Spam: 242 總計有 242 封垃圾留言被 akismet 擋下來了!!比想像中的多好多，突然覺得 akismet 這個模組實在真讚。 ps. 我想一定是因為放了一些裸女圖的關係…

使用 Akismet 來對抗 comment spam

Fri, 22 Sep 2006 16:05:23 +0800

最後，我選擇使用 Akismet module 來處理討人厭的 comment spam。當初不使用 captcha，是因為，一來我的小站真的很小，開張不久；二來覺得很麻煩。像我自己，如果想留個言回覆時，遇到要求你要註冊或是來個 captcha 的，就會有點懶。最近在處理（或說是刪 = =） comment spam 時，就在想，因應 blog 的大紅特紅，blog spam 應該非常的多（到處可見，每個 blog author 都得面對的問題）的吧。既然隨處可見，而且會到處貼 blog spam 的就是那些人（其實大都不是人啦），那些 spam 應該會有些相通的性質。而且印象中，之前有人使用人工智慧裏會用到的一些 machine/network 來自動判斷 spam（ex, Bayesian Network），所以如果把所有人遇到的 spam 都集中到一處，全部餵給它做處理，這樣不管是它的學習、分析或是資料庫都夠大，應該很好用。（最明顯的列子，就是 gmail 的 spam 機制，它因為有眾多的使用者，所以有很大的資料庫可以進行這類活動）首先跑去 wikipedia 了解一下 blog spam，然後 google 了一陣子，發現矛頭都指向一個叫 Akismet 的玩意兒。 Akismet 原是 Wordpress 裏的一個 plugin，原作者就是開發來擋 spam（comment, trackback, blah…）的，後來寫成一套獨立的系統，架設在一台號稱可以一直 active 的機器上頭，免費服務眾人（個人用戶是免費，商業用途就要和他們聯絡一下了）。光這一點就相當吸引我的注意了。最後發現，原來已經有人寫了 Akismet for Drupal 了!!! 而且寫得挺好用的（對我來說啦）。目前正在試用中~~~ 原文發表於 Drupal Taiwan。

遭受到“垃圾留言〝的攻擊了

Mon, 18 Sep 2006 09:50:36 +0800

剛剛看到右邊的 Recent comments 多了一堆留言，非常的多，然後都是英文，就猜到是被攻擊了，留張圖紀念好了 @@; 除了最上頭的那個留言是「真人」留的以外，其它都是惡意程式留的吧！（如果是人工打的，那這一位到處留垃圾廣告的人也太遜了）網路垃圾實在很討人厭，為了阻擋他們，已經做了「留言一定要先經過 Preview 這個程序」了，實在不想放上個「辨識碼」，要求每個人要輸入裏頭的數字或英文。

Trackback 大災難

Tue, 30 May 2006 02:19:59 +0800

突然睡不著，於是東摸西摸又連上來晃晃，無聊把 Recent trackbacks 這個 block 打開，赫然發現有數十筆垃圾 trackbacks…drupal 的 trackback 這個 module 好像錯亂了，無法一次全選然後全部砍掉，於是只好一個一個砍啦，砍的過程中在想，會不會是這個玩意兒讓架設 drakeguan.org 的這台機器常常當機？於是索性把 trackback 給關掉了，在還來不及感受到它的妙用之處，就給它說拜拜了～

Drupal 在台灣有中文支援站也

Mon, 22 May 2006 19:44:19 +0800

在 alan 那得知這個 Drupal Taiwan - 繁體中文支援站，好棒，這下又多了一個地方可以學習 drupal，同時認識也一樣使用 drupal 的台灣人了，就一直覺得很 high~~

drake.csie.org 恢復了!?

Sun, 14 May 2006 01:24:16 +0800

趁著週六的夜晚空檔，突然來臨的精神，希望救回 drake.csie.org 的心，總算，搞定一切了… 週五，這台機器突然又掛了，趕緊寫了一封「求救信」給網管，網管也很阿莎力地幫我處理好了。機器雖然回來了，卻更顯得不安，一來不知道問題出在哪，二來網管也沒有寫信說明一下狀況（可能被我這類的信給弄得很煩了@@;），加上 MySQL 說有一堆 table 有問題，於是決定先行把 apache 和 mysql 都關了，一切等烤肉結束後再說。花了好幾個小時，搞定好了 apache2, php5 -> php4, mysql 5.0 -> mysql 4.1, virtual host settings（一口氣重新處理這所有的細節，並且假設自己過去的了解都是有問題的，再一一上網 google 或是翻閱各個套件的官方文件，釐清了一些觀念，總算處理好這些軟體安裝的事了）。然後透過 drupal 的 customized theming 的威力，把 read more 給抬上檯面，Drake’s blog 改成 daily，大功告成!! 希望，這次別再有問題了，我的心臟快承受不住了。

Drupal 模組使用情況

Sun, 07 May 2006 15:33:05 +0800

這個網站使用 Drupal 的方式，算是很普通很簡單的，就目前使用的狀況做個記錄：系統是使用 Drupal 4.7，一路從 4.7-beta 過來，等了好久，總算愈來愈好用了。選 4.7 的主要原因就是它的 free tagging。 Theme 使用的是 meta，不過本來是用 Box_grey_smarty 的，但是呢，其實更早是要用 CivicSpace Theme 的。試過 Flexinode、CCK，不過一直沒拿定主義要用哪一個比較適合，CCK 是後起之秀，好像比較好，但我一直沒有花時間去了解倒底好在哪。 WYSIWYG editor 部分，使用了 TinyMCE 和 FCKeditor。兩個都不錯用，但主要在於與圖片的整合方面。圖片上傳，上傳檔案，一直是我非常關心的一件事，試過 TinyMCE + image + img_assist、FCKeditor + gallery2 + g2Bridge，最後採取了 FCKeditor + gallery1。給 meta 加上了 Lightbox JS v2.0。不過最近非常關切 ThickBox 的動向與發展中，如果它擁有 image set 的功能後，只要我再給它加上 Lightbox Plus 的功能，就算是非常完美了。打開了 Trackback，不過因為這個網站還沒啥人氣，好像還沒啥用途。

新增 Lightbox JS v2.0

Mon, 24 Apr 2006 13:41:08 +0800

以前，當你發表了一張圖片到你的網站或 blog 時，放的大多是縮圖（ex, 150x150 或是 400x300 之類的），然後只要點選那張縮圖或是一個聯結，就會連到比較大的圖片那（ex, 800x600 或是 1024x768 之類的）。然後當你不看這張圖時，可能得點選「上一頁」或是「關閉這個視窗」，才可以繼續瀏覽接下來的圖片或是文章內容，這樣子相當的不方便。 LightBox 是個寫得很棒的 Ajax（or just javascript?），它可以讓瀏覽網頁的人在看網頁時更方便一些。當你點選了一個前往大圖的聯結時，會出現一個讀取圖示（progress bar），就像下樣這樣：然後等它讀取好後，就會直接在這個面頁上秀出大圖來，如下：然後可以在大圖的任何一個角落點選一下，或是按鍵盤上的 x 鍵，就會把大圖關掉了。實在是相當的方便。更新：wctang 的介紹下，我改使用了更方便的 Lightbox JS v2.0 了。現在在瀏覽之前放的人體素描時，除了在 overlay 的呈現有縮放的特效以外，而且可以一次瀏覽同一系列的圖片了。只要把游標移到圖的右邊，就會出現「Next」，點選了就是到下一張；移到左邊，就會有「Prev」，這是回到上一張的。至於關閉的方式，一樣是按鍵盤上的 x 或是那個 Close。

我忘了把 comment 打開了@@

Mon, 24 Apr 2006 10:34:34 +0800

聽同事 Jin 說才曉得，原來有人留言給我呀，一點都不曉得，於是趕緊去玩了一下 drupal 裏頭有關 comment 的設定，才發覺我好像之前一個不小心，把它設成需要經過一道 approval 的程序了，重點是，我還不知道要到哪去做這個動作，才會這麼糗。好糗@@; 既然已經這麼糗了，就一次在這回一下好了。就在想說，是不是要加個 recent comment，不管是對留言的人，或是對我自己，好像都比較方便喔? To wctang：感謝你提的資訊，有空去看一下。你也有在用 LightBox 嗎? To Jin：模特兒真的在瞪人!! To 曉佩：謝啦，真的打錯字了也，不過其實好像是自己腦子裏的顏色錯亂了吧，只是也錯得有點離譜就是了。那首歌我目前也只有歌詞也，同事還在確認是否真的有歌，一有消息就通知你吧。你的 blog 我會常常去逛的啦~

個人網站進度

Mon, 20 Mar 2006 10:58:22 +0800

之前 drupal 的 menu 好像有 bug，不管我新增了多少個 menu item 到 primary menu，它就是不秀出來，要不然就是只秀出一個來，前幾天用 cvs 更新了一下，發現好像正常了，於手趕急著手把之前想的 menu item 加上去，感覺還不錯。 Daily 放的 blog，主要是就生活上與工作時的隨手筆記，算是拿來舒發心情用的。 pRoject 裏放的是自己做過的一些案子，從大學時期開始至今，也包括一些打工時接的 case。有點像 portfolio ，希望能把自己過去做的東西整理好一些，放上來供其它人把玩。 drAke 定位在自我介紹之類的。 hacK 記錄自己在使用 Linux（未來會有 Mac?）時的一些使用心得。 exprEsso 放上 maya programming的東西，主要是 mel script，邊寫邊調整，這一塊內容將以出書為主要目的。

新網站，新的一篇

Wed, 08 Mar 2006 21:31:04 +0800

從有幸進入台灣大學資訊工程系就讀開始，就覺得需要一個「稱職」的個人網站，那時還不清楚是要怎麼個稱職法，頂多就是想滿足自我表現慾，但又在現實生活中沒有什麼機會好表現的，所以把這個念頭轉嫁到網路上來。隨著資訊的快速發展，愈來愈多的資訊趨勢（Ptt2 的個人板、無名小集的個人相簿、Flickr 的 album set、blog 的大盛行…），趨使著懶惰如我要實際地搞個東西出來。進入台大資工所多媒體研究室後，認真地弄了個個人網站出來了。記得那時很迷 Wiki，所以挑了個簡單易用，且又有台灣人在使用（所以有些資訊可以 google 得到 :p）的 Tavi 來建置整個個人網站。那時的重點只有幾個：放上在資工系所這幾年參與過的，可以被歸類為 Project 的頁面。內容有學術上的、打工時寫的、個人參與過的活動等，都是有動到那個「藏在左腦深處的資訊腦」所誕生的產物。在頁面的最上頭加個 FIGlet，產生有變化的 DRAKE 文字。放一些喜愛的網站連結。來太極工作後，開始了一邊看電影一邊隨手寫點什麼的過程。就這樣，經營了兩三年，直到開始到 blogspot 上開了個人 blog，事情開始難以兩全了起來。花時間在 blog 上，加上在太極還沒有什麼值得公開，而且也可以公開的 project，於是重心都跑到 blog，連 bbs 上的個板都冷落了。於此同時，我興起了出書的念頭。因為意識到在太極影音的工作，都會一直繞在 Maya 上頭，而我們又是被稱為「擁有聰明頭腦與資訊背景的 RD & TD」，光是玩 Maya Embedded Language (MEL) 就有數不清的經驗與成果了。同時，發現到 3D 部門一些專精使用 Maya 的美術天才們，裡頭有人有興趣想學習使用 MEL 的威力來增進他們的工作效率與創意，但苦無門路，且門檻對他們來說也高了點。算了一下，隨著時間的經過，總計會有 7 位 RD 人員常常使用 MEL，不如就集合大家的力量，出本書吧。為此，建置了另一個網站，同樣是個 Wiki，用來存放任何的心得與一閃而過的經驗。當初因為大家都在摸索，要有效率的整理是一件很困難的事。這就好比一家正要從事某個新領域的公司，一切都沒有規則，計畫亂糟糟的時期，要想弄出個功能強大的知識管理系統（Knowledge Management），有點困難。而 Wiki 的「隨便性」剛好是這個時期最好用的工具。如今，覺得需要有計畫一點地來執行這個「出書計畫」了，也就把這個冀望，一同放到這個新網站上頭了。建置這個新網站前，緊密地觀察了 Xaraya, Joomla(Mambo), Drupal。最後挑選了 Drupal，因為某些不知名、已經忘記了且也懶得再打字出來的原因。