使用TiddlyWiki做為Blog的書寫工具

經過了幾個月的使用與實驗，終於放棄將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;}

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

##

您可能也會有興趣的類似文章

• TiddlyWiki:「所見即所得」式的編輯插件 (2則留言, 2007/08/17)
• TiddlyWiki: 增加第二組編輯區工具列 (0則留言, 2007/08/15)
• TiddlyWiki文件格式 (0則留言, 2007/08/08)
• TiddlyWiki表格的使用 (0則留言, 2007/08/09)
• TiddlyWiki的基本格式 (0則留言, 2007/08/07)
• TiddlyWiki: 顯示/隱藏右側邊的插件 (0則留言, 2007/08/10)
• TiddlyWiki的安裝與設定 (4則留言, 2007/08/06)
• TiddlyWiki: 增加能使用Trac語法的插件 (0則留言, 2007/08/12)
• TiddlyWiki: 變更MainMenu的樣式 (1則留言, 2007/08/13)
• 幫Trac加上TiddlyWiki的雙擊快速編輯功能 (0則留言, 2007/08/10)
• 超完美筆記軟體? 跨平台的Tomboy值得一試 (15則留言, 2010/10/30)
• Wiki式的記事工具：WikidPad (3則留言, 2006/02/26)
• 使用TiddlyWiki彙總部落格文章的方法與心得 (4則留言, 2007/12/01)
• 在TS-109安裝TiddlyWiki與Joomla! (0則留言, 2007/11/29)
• BoltWire的安裝與設定 #1 (10則留言, 2008/12/19)