2012年1月26日

選擇 Ubuntu 的套件庫來源

Ubuntu 的套件數量非常多,加上 PPA(Personal Package Archives),大多數常用的軟體,幾乎都能用 apt-get install 完成安裝。

Repositories 的設定可以參考:


GUI
https://help.ubuntu.com/community/Repositories/Ubuntu

Command Line
https://help.ubuntu.com/community/Repositories/CommandLine


但是套件數量多,也意謂著某些剛發佈的套件,可能來不及同步到 mirror sites,造成 apt-get install 安裝過程發生 404 not found。

所以除了 Mirror sites 的傳輸速度外,經常需要嚐鮮安裝新軟體的朋友,也可以把檔案同步的頻率列入考量。

這份官方提供的 Mirrors 清單,有提供 Mirror site 同步狀態的標示。


Official Archive Mirrors for Ubuntu
https://launchpad.net/ubuntu/+archivemirrors


最好的情況是 Up to date (已完成同步),不過台灣的 Mirror sites 。

Up to date
One day behind

以我最近碰到的情況來說,以下兩個 Mirror sites 都是由 NCHC(國網中心)提供。

  1. National Center for High-Performance Computing(NCHC) --- ftp.twaren.net
  2. NCHC, Taiwan --- free.nchc.org.tw

第一個 mirror 的速度很快,不過在安裝 texlive-full 套件時,就發生一些檔案找不到的情況。之後切換成第二個,傳輸速度降了不少,但安裝需要的檔案都能順利取得。

2012年1月23日

2012 新年快樂!合歡山飄雪囉!


2012 年從除夕就開始飄雪,年初一是上山賞雪的好時機,從國道三號到國道六號,幾乎都是一路暢通。

小小筆記:

  1. 事先買好雪鍊可以省不少錢(當然也要學會自行安裝)
  2. 請考慮在鳶峰等容易停車的地方換裝雪鍊,很多路段已經夠狹小,在路邊裝雪鍊很危險又會造成堵車更嚴重。
  3. 會塞車大多是因為超車、插隊等不良駕駛行為造成,請搜尋黑羊與白羊的故事。
  4. 積雪路面即使有雪鍊仍會打滑,如果車子失去控制,需要半踩、點放煞車將車速減慢,再適度轉方向盤將車子行進方向調正。請別把用力踩煞車,不然就會甩尾了。
  5. 事先準備足夠的保暖裝備、糧食,並確實做好行車前的檢查。

2012年1月19日

解決 pdf 中文字無法在 Ubuntu 文件檢視器顯示問題

使用 pdflatex 或 xelatex 產生包含中文字的 PDF 檔案,在 Ubuntu 使用 Evince(文件檢視器)打開,會看不到中文字。

目前在 ContPub 使用的 OpenType 字型,就有這樣的問題。

在一台沒有額外安裝字型的 Ubuntu 系統上,使用 Adobe 的 PDF 閱讀軟體打開,檢視的結果是正常;但是,改用內建的 Evince 文件檢視器,中文字卻都消失。

這篇討論串提供一種先轉 ps 再重新轉 pdf 的解法。

pdf2ps filename.pdf
ps2pdf14 -dPDFSETTINGS=/prepress filename.ps

測試過後,發現檔案大小從 7xKB 變成 2xxKB,整整肥了 3 倍之多;用 Ubuntu 的文件檢視器打開,發現 PDF 果然還是肥肥的比較好,中文字又再度正常顯示了。

不過把轉好的 pdf 再重新轉一次,感覺有點多此一舉,另外找到一份文件,有提到修改轉檔設定的方法。

噢!夜深,該睡了 : )

2012年1月18日

SOPA 連結整理


今天打開 PHP 官方網站,只有黑鴉鴉一片;剛開始以為這網站被黑了,不過仔細一看標題,是最近網路文章經常出現的:SOPA;原來,這是又一個支持網路開放自由抗議行動。

SOPA 是美國眾議院在2012年初審議的「停止線上盜版法案」。

Tim O'Reilly: Why I'm fighting SOPA
http://gigaom.com/2012/01/13/tim-oreilly-why-im-fighting-sopa/

SOPA爭議不斷 白宮表明不支持有害立法
http://news.networkmagazine.com.tw/classification/web/2012/01/16/37123/

SOPA角力越演越烈:Google將在首頁抗議反線上盜版法案
http://www.bnext.com.tw/focus/view/cid/103/id/21782

新聞辭典/SOPA法案
http://tw.news.yahoo.com/%E6%96%B0%E8%81%9E%E8%BE%AD%E5%85%B8sopa%E6%B3%95%E6%A1%88.html

Node.js 與 IIS 初探

Node.js 讓 JavaScript 也能用於網站後端開發,開發人員只要精熟 JavaScript 語言,就能夠輕鬆開發高效能 Web 應用程式。

習慣在 Windows + IIS 工作的朋友,不妨也玩玩看 Node.js。

在 Node.js 官網已經提供安裝程式,包含 NPM(Node.js 的套件管理工具)。

http://nodejs.org/

iisnode 是讓 IIS 管理 Node.js 程式的 IIS 模組,也有很簡便的安裝程式。

https://github.com/tjanczuk/iisnode

關於 iisnode 的使用,請參考原作者這篇。

http://tomasz.janczuk.org/2011/08/hosting-nodejs-applications-in-iis-on.html

給 IIS 執行的 Node.js 程式,和 Node.js 提供的官方範例幾乎沒有差異,唯一的差別只是在 Port 的部份不是直接指定,而是用 process.env.PORT 接收來自 iisnode 動態配給的 Port 代號。

如果要寫出可以同時在 iisnode 模式下自動執行,也可以用 console 模式啓動的 Node.js 程式,方法是 var port = process.env.PORT || 3000; (動態判斷是否有來自 iisnode 指定的 Port,否則就使用靜態指定的號碼)。

在效能的部份,預設模式下,iisnode 執行 Node.js 的「Hello World」程式,和 ASP.NET(.aspx)的 Hello World 相比,似乎沒有顯著差別。

但是可以在 web.config 指定這個參數:
maxProcessCountPerApplication="4"

再做一次負載測試,大多數的情況下,可以發現這個簡單的調校帶來效能不少的增進。

iisnode 會自動管理 Node.js 的 process,但是預設只會啓動 1 個 process,對於 4、8 顆以上核心數目的伺服器來說,在負載高峰期間只會有一個 CPU Core  忙碌,其它 Core 都在睡覺,所以就沒有讓耐操的 Node.js 發揮 Server 的能耐。

但是 process 數量並不是愈多就愈好,一般來說建議可以設定成 CPU Core 的數量,並配合其他參數與壓力測試找出最佳值。設定過低會無法發揮伺服器效能,設定過高則會讓程式競爭資源而導致效能低落。

我有一份簡單的筆記,提供一些簡單的範例,可以參考:

http://lyhdev.com/slide:iisnode

為什麼 Windows + IIS + ASP.NET 的開發者,也要開始學習 Node.js?

原因很簡單,未來應用程式想要上雲端(微軟 Azure 雲),這無疑是一條捷徑,請參考:

https://www.windowsazure.com/zh-tw/develop/nodejs/

目前 NodeJS Taiwan 社群的 Facebook 專頁,已經累積達到 330 人訂閱,這無疑是您追蹤 Node.js 發展的最佳管道,歡迎加入:


http://www.facebook.com/NodeJS.tw

2012年1月16日

Amazon EC2 現在也提供免費的 Windows Server 試用方案

Amazon EC2 是美商亞馬遜為企業提供的雲端運算服務,簡單說就是企業不再需要建置自己的電信機房,只要根據目前的服務用量,向亞馬遜租用虛擬機器,未來也可以根據營運需求隨時調整虛擬機器數量。跨國企業或生意做到全世界的公司,亞馬遜還提供在新加坡、日本、美國等多地的資料中心可供選擇,可以依照各地連線頻寬選擇最佳的機房地點;如果同時選擇不同國家的資料中心建置伺服器,還可以做到跨國的的資料備援(萬一像電影一樣某個國家被外星人佔據,你的網路服務不會因此全面癱瘓)。

這個號稱 usually 99.9% up time 的雲端服務,看起來絕對是個可以考慮的方案。但其實要入門還是有一點門檻;你需要知道目前的平台,搬到 AWS(Amazon Web Services)之後要怎麼規劃、配置才能在效能及成本都達到最佳化。

對於本來就使用 Linux 伺服器的廠商來說,Amazon 很久之前就提供 Free Usage Tier,包含第一年每月 750 小時的 t1.micro 免費用量;簡單地說,只要註冊開通 AWS 帳號,一年內使用最陽春的虛擬機器可以不必付錢。

這段期間其實就是給開發者學習怎麼跟 EC2 還有其它 AWS 共生存,讓企業有時間試著把平台搬到雲端,也讓經營者試著評估雲端服務的效益。

但是,前提是 Linux : )

對國內許多一直支持 M$ 的廠商來說,這真是看得到卻吃不到的免費午餐。

現在 Amazon 的佛心也向 Windows 開發者展現,Free Usage Tier 的免費方案納入 Windows 方案,提供等級同樣是最陽春的 t1.micro 每月 750 小時免費用量。

試用之後的一點感想:

  • .NET 的開發者可以選擇 Windows 2008 R2 + SQL Server 2008 Express AMI(Amazon 虛擬機器映像檔)
  • 不必擔心 Windows 授權問題,EC2 的 Windows 方案費用比較高,裡面就已經包含 Windows 作業系統授權費用 (參考
  • 使用遠端桌面連線(RDP),第一次連線需要先上傳 Key Pair 取得登入密碼
  • 建立虛擬主機初始化程序比 Linux 花費更多時間
  • 選擇東京機房,雖然頻寬夠快,但是用遠端桌面還是有點 Delay,升級成 m1.xlarge 感覺有好一些
  • 規劃全新的專案,請務必讓平台相容 Linux 伺服器,這樣佈署到雲端才會容易維護管理;但是 EC2 Windows 方案還算適合頭已經洗了一半的平台使用...


We are excited to announce that starting today, the AWS Free Usage Tier will now include Amazon EC2 instances running Microsoft Windows Server. Customers eligible for the AWS Free Usage tier can now use up to 750 hours per month of t1.micro instances running Microsoft Windows Server for free.

With this announcement, customers familiar with Windows Server can gain hands-on-experience with AWS at no-cost. Customers can select from a range of pre-configured Amazon Machine Images with Microsoft Windows Server 2008 R2. Once running, customers can connect via Microsoft Remote Desktop Client to begin building, migrating, testing, and deploying their web applications on AWS in minutes. The expanded Free Usage Tier with Microsoft Windows Server t1.micro instances is available today in all regions, except for AWS GovCloud.
For more information about the AWS Free Usage Tier, please visit the AWS Free Usage Tier web page. To get started using Microsoft Windows Server on AWS, visit the AWS Windows web page.

2012年1月13日

讓 reStructuredText/Sphinx 輸出 mobi (Kindle) 電子書格式

Sphinx(Python Documentation Generator) 是可以將 reStructuredText 的文件轉換成 pdf, epub 等格式的工具。

ContPub 是基於 Sphinx 打造的網路電子書製作服務,讓不會使用 Sphinx、LaTeX、... 這類工具的作者,也能輕鬆編利用 rst(reStructuredText)寫書,並且自動打包成 PDF、EPUB 格式。

ContPub 目前仍未正式發佈的一個原因,就是尚未支援 MOBI(Kindle)格式。國外的精實出版服務 LeanPub 就支援 PDF、EPUB、MOBI 三種格式,我想這三種格式就可以滿足多數電子書閱讀器、一般簡易圖文書籍的要求。可是因為 Sphinx 尚未支援 MOBI,所以 ContPub 也無法支援這個格式。

最近看到 charlax 這位開發者,將 Sphinx 的 EPUB 模版作修改,並加入 kindlegen 工具進行轉檔,讓 Sphinx 轉換成 MOBI 的支援更接近一步。

https://github.com/charlax/Python-Documentation-Kindle

由於 Sphinx 官方採用 BitBucket 而非 GitHub;為了後續的整合方便,我停止了 GitHub 上面的 Sphinx 相關專案,改用 BitBucket 管理這份 fork 自官方源碼的專案:

https://bitbucket.org/lyhcode/sphinx

目前加入:
  1. 支援 XeTeX,以及針對 LaTeX 版面的微調
  2. 精簡 EPUB 版面的微調
  3. 加入 charlax 開發的 MOBI themes、builders
目前輸出的 .mobi 檔案,已經可以使用 Kindle 閱讀軟體打開。

目前還需要經過一些調校,相信這個週末就可以將 MOBI 格式也加入 ContPub 平台。

2012年1月12日

使用 Watchr 讓持續測試工作更容易

現代網站開發者,經常會用 SassCompass 讓 CSS Stylesheets 的設計工作更容易;或是使用 CoffeeScript 簡化 JavaScript 設計的工作。

但是瀏覽器最終需要讀取 .css 或  .js 檔案,我們使用這些指令工具進行轉換:
  • sass --watch style.scss:style.css
  • compass watch
  • coffee --watch --compile experimental.coffee
由這例子可以看到,這類工具指令內建「watch」功能,可以監視某個資料夾底下,指定的檔案類型是否「被修改」。如果檔案有修改,就會開始執行轉換輸出的工作。

很多情況我們可以應用這種 Watcher 的機制,讓磁碟檔案偵測到修改時,自動執行一段預先定義的程式,讓測試的工作更為簡便。

Watchr 是一個使用 Ruby 撰寫的工具,它可以讓你輕鬆滿足這種持續測試的需求。

Watchr: Modern continuous testing (flexible alternative to Autotest)
https://github.com/mynyml/watchr

安裝:
  1. 安裝 RubyGems 
  2. sudo gem install watchr

舉例來說,我們使用 TeX Live 的 xelatex 指令將編輯好的 .tex 原始碼轉換成 .pdf 的排版輸出。每一次修改都必須重新執行  xelatex 指令,使用 watchr 就可以自動化這項瑣碎但又必要的工作。

建立 watch-all.rb,包含以下程式碼:

watch( '.*\.tex' )  {|md| system("xelatex #{md[0]}") }

執行 watchr watch-all.rb

接下來每次修改目錄下的某個 tex 檔案,就會自動執行 xelatex 指令。


2012年1月10日

ASP.NET + iisnode + node.js + express + mongodb(mongoose)

Node.js 的出現,不僅讓 JavaScript 也能開發 server-side 程式,效能的部份更有顯著的改善。目前  Node.js 已成為微軟 Windows Azure 雲端解決方案的一部分(請見此網頁),同時也是 Cloud Foundry 及其它多種 PaaS 服務的基礎項目。

這個組合讓 ASP.NET 也能輕鬆加入 COMET(long polling): iisnode + node.js + express + mongodb(mongoose)
如果您對 Node.js 有興趣,歡迎加入 NodeJS Taiwan @Facebook

2012年1月9日

node.js, npm, iisnode on Windows 7

原本想寫一篇 NodeJS on Windows 的介紹,不過發現 NodeJS 現在已經對 Windows 非常友善,官方提供的自動安裝程式內建 npm,在加裝 iisnode 之後,幾乎不用做什麼設定就可以和 ASP.NET 一起運作良好。

所以這個 slide 只有 10 頁 : - )
請加入 NodeJS Taiwan 專頁(按讚),以隨時取得最新的資訊。

2012年1月5日

Sortfolio 媒合全球網站設計師及發案公司的線上服務

sortfolio.com

Sortfolio37Signals 公司的線上服務,在 2010 年由 Haystack 改名為「Sortfolio」,這個名字接近單字「Portfolio」,顧名思義就是網站設計師的「作品履歷」。

37Signals 正是發展 Ruby on Rails 開發框架的公司,是世界上效率最好的知名軟體公司之一,因為他們的團隊不僅擁有非常優秀的技術水平,更具有創業、獲利、超級會賺錢的能力。他們知道如何用更聰明的方式工作,不只為自己的公司團隊開發軟體(eat your own dog food),也將發展的成果分享給全世界,並且得到快速、優渥的報酬。

Sortfolio 正是其中一個小小的產物,這個平台集合全美及世界各地優秀的公司及團隊,展示各種卓越的成果;這個結果相當有趣,當世界各地的公司想上 Sortfolio 展示自己的成果、或尋找最優秀的開發團隊,都等於跑到 37Signals 的辦公室談生意;試想想,條件最棒的生意最後會落到誰手上?

你可以將自己最優秀的網站作品,製作成一張寬高 900x630 的圖片檔,註冊 Sortfolio 帳號時,將圖片檔上傳,填寫地點(可以填寫台灣)、預算範圍(例如 $3,000~$10,000 美元),並留下 E-Mail、網址等基本資料,就可以將作品刊登到 Sortfolio。

如果你曾閱讀過 37Signals 創辦人所寫的「Rework(工作大解放)」這本書,就不難想起這本書提到的「銷售你的副產品」,很明顯的 Sortfolio 雖然只是一個小服務(類似廣告佈告欄),但它還是幫 37Signals 挖掘網路金礦的服務之一。

當然,就跟 Basecamp 或其他 37Signals 的服務一樣,註冊不用花一毛錢,也可以免費取得基本的功能。那 Sortfolio 憑什麼收費呢?

這類給接案公司刊登作品的服務雖然很多,如果刊登要錢會讓平台門可羅雀,免費自然是一個重要條件。而刊登作品的使用者數量多了之後,誰刊登的作品「排序較前面」、「比較醒目」就變成要花錢來買。

Sortfolio 的收費方式很有趣,它讓刊登作品的服務變成「月租費」,只要你願意每個月乖乖付錢($99美元),就可以放置更多張作品圖片(從1張升級為6張),而且佔的版面位置也會比較大。

這個收費機制也讓 Sortfolio 變得更吸引發案公司;因為願意付月租費刊登作品廣告,代表有著一定的水準,付費刊登才會划算,不太有機會在 Sortfolio 的首頁看到初學者等級的作品。

你可以在 Sortfolio 的首頁看到許多很棒的作品,不僅有外在美(版面設計美觀),更有內在的講究(Responsive Web Design、Search Engine Optimization、Social Media Optimization 等)。

有實質的收入,自然也使 Sortfolio 有人力來審核這些上傳的作品照片,第一次註冊上傳的作品不會立即刊登成功,必須等待審核通過才行 。


在 Sortfolio 當然也有個「台灣」專頁,開發 Registrano 報名服務的公司也名列其中。這篇文章的主要目的,就是希望優秀的台灣網站開發團隊,可以趕快上來曬作品。


也請網站發案公司的大老闆們多上 Sortfolio 逛逛,就可以知道國內製作網站的報價有多麼「物美價廉」。

延伸閱讀

Dokuwiki + S5 自動產生投影片

Dokuwiki 是一套輕巧好用的 Wiki Engine,很適合用於個人筆記或組織知識管理。

S5(A Simple Standards-Based Slide Show System)是一套投影片樣板,由 XHTML+CSS+JavaScript 組成,讓網頁可以更容易轉換成投影片,並支援鍵盤方向鍵操作投影片切換(上、下一張)。

使用 Dokuwiki + S5 就可以讓快速寫好的筆記,可以輕鬆轉換成投影片。

s5reloaded 是 Dokuwiki 的 Plugin,安裝後就可以使用「~~SLIDESHOW~~」幫頁面加上投影片展示功能。

使用 Dokuwiki 的語法可以很快完成一篇筆記,如果這篇筆記剛好就是明天(或下午)的簡報要用,不用再大費周章打開 PowerPoint,只需要加上「~~SLIDESHOW~~」標記即可。


將 Dokuwiki 套用 Readability 的樣板,筆記本身就很適合筆電或平板閱讀。


再加上 s5reloaded 套件後,點一下右上角的投影片播放按鈕,就可以自動轉換成投影片展示模式。


使用現代瀏覽器如 Firefox、Google Chrome、Safari 播放 S5 格式的投影片,支援度及效果相當良好。


身為程式設計師,簡報中隨處可見程式碼,這部份已經由 Dokuwiki 內建的 GeSHi 處理好,只需要調整 S5 佈景的 CSS 定義(如字體、行距、顏色等)即可。


播放簡報時,瀏覽器的邊框很佔位,以 Chrome 瀏覽器來說,可以切換成全螢幕模式(Shift + Command + F)。


利用這種方式可以很快速做好自己工作的筆記,也可以很快產生開會要用的簡報,不必打開 PowerPoint,既省錢又環保。

關於這篇筆記,請參考: http://lyhdev.com/slide:groovy

2012年1月4日

寒冬保暖的運動襪 titan 限時7折優惠

前往購物中心
去年曾介紹過 titan 的慢跑襪全方位運動襪,相信有些朋友是因為價格不敢下手。但是已經到了準備領年終的歲末,在農曆過年前想要買幾雙新襪子犒賞自己,可以趁這次 titan 的 7折 優惠活動買個幾雙。

以職場活力襪來說,原價 260 打完折只要 182,買 6 雙共 1092,滿 1000 元就可以免運費。因為 titan 的襪子品質好比較耐穿,假設以 6 雙總共穿了 2 年來計算,每個月只要花費 45 元。

這幾天持續的低溫天氣,每天出門上班,簡直像打開冰箱的門一樣;即使回到家,也不想光著腳踩在冰凍的地板。厚襪子穿整天覺得不舒服?買雙 titan 的襪子試試吧!

http://www.titan-tech.com.tw/store/index.php

超值特惠,titan機能襪首度下殺7折,最划算!

1.雙雙下殺7折!
2.滿1000元馬上免運費!

即日起~2012/1/8截止,只剩不到一週!!限時限量,同時滿足保暖、避免運動傷害2大功能想搶便宜動作要快!!

WIRED 雜誌推出中文版!

wired.tw
如果你經常閱讀科技新聞,一定看過很多報導都來自「WIRED」這本全球知名的雜誌。

WIRED 也有中文版了!創刊號掛上「Beta Version」,只送不賣。

原文 WIRED 雜誌,是由 Kevin Kelly 於 1993 年在美國舊金山創刊,目前也在英國、義大利、日本及德國發行。中文版的發行對台灣的科技迷來說,是一件令人期待興奮的事。

中文版 WIRED 雜誌和台灣的網路創業圈有很密切的關係;因為中文版的總編輯戴季全,正是 Richi、TechOrange.com 的創辦人。創刊號也有新生代創業教父 Jamie 發表的「用網路創業革命」一文。

WIRED.tw 的 Facebook 專頁: http://www.facebook.com/WIRED.tw

延伸閱讀:

Pubu 飽讀電子書 App 新服務上線,免費雜誌大放送

Pubu 電子書城 推出「飽讀電子書」App,使用 iPad 的 AppStore 搜尋「pubu」即可下載安裝。由於目前只支援 iPad,若手邊的閱讀裝置是 iPhone,請期待未來推出支援的版本。

* 若先前已安裝過 iPubu 電子書,仍需要再重新下載安裝「飽讀電子書」。

AppStore 飽讀電子書


使用 Pubu 或 Facebook 帳號登入「飽讀電子書」,就可以看到免費贈閱的雜誌。



飽讀是 Pubu 新推出的閱讀服務,有別於以往單本購書的方式,每個月只需要新台幣 199 元,就可以盡情暢讀飽讀服務的各種電子雜誌與電子書。

2012年1月2日

Mozilla Add-on Builder 快速開發自己的 Firefox 瀏覽器外掛

Add-on Builder 是 Mozilla 提供的線上服務,只要透過瀏覽器,使用 JavaScript 語言撰寫程式,就能為 Firefox 瀏覽器開發外掛。

https://builder.addons.mozilla.org/

第一次使用必須先註冊帳號,登入成功後,就會看到以下的網頁版程式碼編輯器畫面。

Getting Started 文件中,提供一個「A sample Add-on」的範例可以參考。這是一個將網頁選取文字用 Wikipedia 查詢的小功能,我將它修改為查詢 Yahoo! 字典。

程式碼請參考:

https://gist.github.com/1549891

主程式 main.js 使用 JavaScript 撰寫,編輯好之後,點選左上方的「Test」按鈕,就會自動安裝 Add-on 到 Firefox 瀏覽器。再點一次按鈕,則會自動解除這個測試用的 Add-on;如果按 Save 按鈕,除了存檔外,也會自動重新安裝測試用的 Add-on。對開發階段的測試而言相當方便。


這是範例程式的測試畫面:

選取一個單字,按滑鼠右鍵,選「What's This?」(Add-on範例提供)

這個範例是將單字交給 Yahoo! 字典查詢,顯示翻譯結果

如此一來,只要三分鐘就能完成簡易的瀏覽器外掛開發。

對企業來說,這帶來許多藉由網路改善工作流程的機會。例如,經常以 Web Mail 處理客戶訂單、詢問的業務人員,只要開發一個小外掛,就能將信件中的訂單編號或產品名稱,與內部資訊系統進行自動化的連結。

2012年1月1日

更適合閱讀的 Dokuwiki Readability 樣板發佈

Dokuwiki 是一套輕巧的 Wiki Engine,不必使用資料庫,就可以在幾分鐘內架設好協作網站,用於個人筆記或組織的知識管理都很方便。

我習慣在看書、寫程式時,採用 Dokuwiki 快速將筆記整理好,累積久了就形成可以隨時可供檢索的知識庫。在日後要發佈成網誌文章、製作簡報,或者備忘查詢時,都可以很快速找到內容(利用 Dokuwiki 的站內搜尋或 Google 搜尋)。

但是,長久以來總覺得 Dokuwiki 缺少漂亮的樣板

幾個月來,我從幾套軟體重新感受到閱讀舒適度的體驗,包括:
  1. 在 iPad 及 Mac 平台上的 Reeder (RSS/Google Reader)閱讀器
  2. 用於提昇網頁閱讀舒適度的 Readability 服務
  3. 內建佈景主題很適合閱讀的 Octopress 部落格引擎
這些軟體(或服務)有共同的特色,就是不管在筆電或平板電腦,都能得到很不錯的閱讀效果。因此,逐漸有許多花在閱讀上的時間,開始轉移到這些軟體。

不過,我還是喜歡用 Dokuwiki 簡單的語法製作筆記。

所以,利用這個跨年週末的零碎時間,開始進行一項 Dokuwiki Readability Template 的小專案。

這個專案的目標是:
  1. 採用版面較精簡的 Starter Templates 為基礎
  2. 使用 Sass 重新定義類似 Readability 閱讀效果的 CSS
  3. GeSHi 原始碼的色彩(Syntax Highlight)套用 Solarized 色票
  4. 以 jQuery + jQuery UI 重新定義使用者介面的互動功能
原本使用 Starter Template 的原始畫面為:

這是 Readability Template 的顯示畫面:


目前在 iPad 平板電腦以直式(768x1024)閱讀的顯示效果:


目前這個樣板使用於: http://lyhdev.com/

Dokuwiki Readability Template 是一項開放原始碼的專案,目前仍是剛發芽的階段,歡迎有興趣的朋友一起 GitHub。



lyhcode by lyhcode
歡迎轉載,請務必註明出處!