簡睿隨筆 《科技篇》

經過了幾個月的使用與實驗，終於放棄將TiddlyWiki當做記事工具，而繼續使用同為Wiki介面的WikidPad（請注意Wiki後面有個 d，有不少人都漏掉了），原因如下：

• TiddlyWiki的搜尋實在是太慢了，有時會讓CPU衝到幾近100%
• TiddlyWiki的介面確實令人驚豔，但當Tiddler一多，經常造成識別困難，常常要去關閉，有時令人厭煩
• 檔案隨著內容增多日形肥大，也影響載入時間

雖然不使用TiddlyWiki來記事備忘，卻也發現使用它來撰寫Blog文章是很好的書寫方法，經由簡單的Wiki Word而大幅簡化了HTML網頁(Blog文章)的製作流程。

雖然每個BSP都有文章的撰寫介面，但有時在撰寫過程裡會不慎消失（連網逾時或不小心按到F5、Alt+F4或Esc等；附帶一提，最近Xuite已提供文章預存功能了），因此我以往都是先用網頁製作軟體先寫好，再上傳。我是使用Nvu，除了能用所視即所得方式很快地製作出網頁，存在硬碟裡的檔案也當做文章備份。

但 寫文章時經常在做重覆性的動作：做超連結、貼圖、做表格，這些重覆性動作透過Wiki系統的Wiki Word能節省不少時間、精力，節省了這些時間就多了構思與組織內容的時間，Wiki的超連結特性，也很方便相同性質文章的互相連結與參考，例如我在某個 Tiddler裡做了新文章的彙總：

從分章彙總頁能連結到此分類的相關文章連結：

再連結到特定文章：

文章寫好後將內容複製到剪貼簿（在上圖的瀏覽狀態下將文章內容選取好再按Ctrl+C），再按Ctrl+V貼入Blog裡就完成文章的發佈了。

為了讓Blog裡的文章樣式能與TiddlyWiki的樣式相同，我們必須將TiddlyWiki使用的樣式新增到Blog系統的自訂樣式裡，我新增的樣式如下：

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
.viewer table, table.twtable {border:2px solid #666;}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:#db4; border:1px solid #666; color:#fff;}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid #666;}
blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;border-left:3px solid #666666;}
pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
pre {border:1px solid #fe8; background:#ffc;}
code {font-size:1.2em; line-height:1.4em;}
code {color:#841;}
.viewer h1,h2,h3 { background-color: #f3f3f3; }
.highlight, .marked {background:#fe8;}
h1,h2,h3,h4,h5,h6 {color:#841; background:transparent;}
h1,h2,h3 {color:#884411;padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;border-bottom:1px solid #cccccc;background-color: #f3f3f3;}
h3 {border-bottom:2px solid #ccc;}

透過此種方式發佈的文章，其外觀將具備一致的樣式，透過修改自訂樣式，也能一次就變更所有文章的外觀。好處多多，讀者們不妨一試。

##