• 不用帶任何設備就能隨處使用，只要能上網就能使用
• 變成多人使用環境：在config/default.php裡設定後就能允許多人操作

• 檢視原始檔
• 將原始檔另存新檔到硬碟，這個新檔就能瀏覽了
• 同時會產生一個同名的_files子目錄，可以不用管它

• 文章要能依年度、月份彙總在一起
• 系列性質的多篇文章要能彙總在一起，例如jQuery分類、jEdit分類要集中在一起

• 首先建立新文章，篇名為YYYY/MM格式，如2007/11、2007/12
  1. 內容第一列以H3格式（即!!!開頭的文字）寫入年度、月份，當顯示在所有月份彙總文章時能區別各個月份
  2. 把該月份的文章都以Wiki格式輸入進去，例如：

!!!2007/11
# [[11月第一篇文章]]
# [[11月第二篇文章]]
# [[11月第三篇文章]]

• 每篇文章都必須指定標籤，因為系列文章要透過標籤來自動分類
• 建立一篇彙總各月份連結的文章（命名為ByDateWritings），使用<<tiddler YYYY/MM>>就能將步驟1建立的各月清單內容引入此篇文章，例如：

!!!所有文章清單
<<tiddler 2007/10>> <<tiddler 2007/11>> <<tiddler 2007/12>> 

• 再幫每個分類（標籤）建立個別的文章（命名如jQuery的文章），例如以下引用jQuery標籤的所有文章；用<<tagging>>的唯一問題是引入的文章是以名稱排序，無法以建立時間排序：

<<tagging jquery>>

• 最後把上述所有連結加到主功能表（MainMenu tiddler）裡，月份清單以滑動方式呈現，範例如下：

[[jQuery的文章]]
[[jEdit的文章]]
<<slider bydate_cookie ByDateWritings "各月文章清單” "每個月份文章的彙總清單">>

中文化

1. 將/share/Qweb/wiki/plugins/zh-Hant.js複製到剪貼簿
2. 建立一個新的Tiddler，把剪貼簿內容貼入，將此Tiddler命名為zh-HantTranslationPlugin
3. 此Tiddler的標籤必須為systemConfig
4. 按done儲存，到此已完成中文切換了
5. 簡體中文選用zh-Hans.js即可

產生RSS檔案

壓縮TiddlyWiki.js的檔案大小

• Packer：有標準壓縮，和Base62編碼、變數壓縮兩個選項。可惜不管如何組合，產生後的檔案皆造成Wiki網頁一片空白。
• YUI Compressor：壓縮後的檔案大小是174,480 Bytes，相對於原本的261,066，壓縮比是0.668，算是不無小補吧。YUI Compressor以Java撰寫，因此必須安裝Java環境，再以下列指令壓縮：

  java -jar yuicompressor-2.2.5.jar -o new.js TiddlyWiki.js
  copy new.js TiddlyWiki.js /y

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

.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;}

下載WikiBar

• 下載點：AiddlyWiki或我的TiddlyWiki學習紀錄第9版
• 安裝：
  1. 把WikiBar Tiddler的內容複製到剪貼簿
  2. 在你自己的TiddlyWiki HTML裡新建文章，將剪貼簿內容貼上，命名為WikiBar， 標籤設定成systemConfig
  3. 儲存後重新整理網頁
  4. 可以由預設文章裡開啟PluginManager觀 察是否已正確啟用

設定編輯樣板EditTemplate

<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler wikibar'></div>

使用WikiBar

TiddlyWiki範例

1. 第1版 GettingStarted+TW 的安裝與設定
2. 第2版 TiddlyWiki基本格式
3. 第3版 TiddlyWiki文件格式
4. 第4版 TiddlyWiki表格的使用
5. 第5版 顯示/隱藏右側邊的插件
6. 第6版 增加能使用Trac語法的插件
7. 第7版 變更MainMenu的樣式
8. 第8版 增加第二組編輯區工具列
9. 第9版 「所見即所得」式的編輯插件

<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>
<!--}}}-->

TiddlyWiki範例

1. 第1版 GettingStarted+TW 的安裝與設定
2. 第2版 TiddlyWiki基本格式
3. 第3版 TiddlyWiki文件格式
4. 第4版 TiddlyWiki表格的使用
5. 第5版 顯示/隱藏右側邊的插件
6. 第6版 增加能使用Trac語法的插件
7. 第7版 變更MainMenu的樣式
8. 第8版 增加第二組編輯區工具列

TiddlyWiki範例

1. 第1版 GettingStarted+TW 的安裝與設定
2. 第2版 TiddlyWiki基本格式
3. 第3版 TiddlyWiki文件格式
4. 第4版 TiddlyWiki表格的使用
5. 第5版 顯示/隱藏右側邊的插件
6. 第6版 變更MainMenu的樣式

安裝TracFormatterPlugin

1. 由Martin's wiki或我第6版找到TracFormatterPlugin Tiddler，進入編輯狀態後將所有內容複製到剪貼簿。
2. 在你自己的TiddlyWiki HTML裡，新增一篇文章，將步驟1的複製內容貼入，文章命名為TracFormatterPlugin， 標籤選為 systemConfig。
3. 按「完成」將新文章儲存起 來。

使用TracFormatterPlugin

TiddlyWiki範例

1. 第1版 GettingStarted+TW 的安裝與設定
2. 第2版 TiddlyWiki基本格式
3. 第3版 TiddlyWiki文件格式
4. 第4版 TiddlyWiki表格的使用
5. 第5版 顯示/隱藏右側邊的插件
6. 第6版 增加能使用Trac語法的插件

1. 每按一次完成，右側的最新變更就會多記錄一筆，如果只是小修改不想留下變更歷程的話，可以用Shift+點擊「完成」
2. 直接用Ctrl+Shft+Enter和Shift+「完成」是相同的功能
3. 如果按Ctrl+Enter則等同於點按「完成」
4. 要取消輸入的話，按Esc按鍵即可。這個按鍵對於中文輸入取消選字 的Esc鍵恰好一樣，不小心時辛苦輸入的內容在一瞬間就消失了！要取消這個功能很簡單：用記事本等文書編輯程式打開你的TiddlyWiki HTML檔，搜尋case 27，找到後把該列到break間的每列開頭加上 //，使之變成註解。注意：case 27共有兩組。

格式	Wiki裡使用的樣式	範例
標題	!!標題 2 !!!標題 3 !!!!標題 4 !!!!!標題 5 因為Tiddler的標題通常是標題１，因此建議避免使用標題１。	標題 2 標題 3 標題 4 標題 5
項目列表	*項目列表	項目列表
	#編號列表	編號列表
	定義列表 ;術語 :定義	術語 定義
	項目列表可以是組合式或巢狀式的 *項目符號 *#編號 *#;項目 *#:定義	項目符號 編號 項目 定義
區塊引述	>區塊引述 >>巢狀引述	區塊引述 巢狀 引述
	<<< 多列 區塊引述 <<<	多列 區塊引述
水平線	---- (4個減號)
連結	任何的 WikiWord 建立到一個tiddler的連結 (無論此tiddler是否存在皆可)。 WikiWord必須以大寫字母開頭，後續為大寫或小寫的組合。	WikiWord
	手動連結 [[Table of Contents]] (當tiddlers標題含空白時適用)	Table of Contents
	[[優美的連結|Link]]	優美的連結
	自動形成的外部連結 http://www.tiddlywiki.com	http://www.tiddlywiki.com
	優美的外部連結 [[我的烘培雞|http://www.tiddlywiki.com]]	我 的烘培雞
	作業系統的資料夾連結 Windows分享資料夾: file://///server/share Windows 本地資料夾: file:///c:/folder/file Un*x 本地檔案: file://folder/file 相對路徑檔案: [[folder/file]]	file://///server/share file:///c:/folder/file file://folder/file folder/file
圖片	[img[favicon.ico]] 對TiddlyWiki檔案而言，圖檔皆是外部資源
	靠右 [>img[favicon.ico]]
	靠左 [<img[favicon.ico]]
圖片連結	[img[fav.ico][TiddlerName]]
	[img[fav.ico][Alias|TiddlerName]]
	[img[fav.ico][http://www.aa.com]]
	參考本表格中的 連結 和 圖片 項目的說明
內部 註解	右邊文字不會顯示: /% 隱藏了的註解 %/ 在標記之間的文字不會顯示出來	右邊文字不會顯示:

TiddlyWiki範例

1. 第1版 GettingStarted+TW 的安裝與設定
2. 第2版 TiddlyWiki基本格式
3. 第3版 TiddlyWiki文件格式

{{{
定寬
多列
區塊
}}}

TiddlyWiki範例

1. 第1版 GettingStarted+TW 的安裝與設定
2. 第2版 TiddlyWiki基本格式

安裝

1. 華語論壇列有最新繁體中文2.2版，也可於此連結處按右鈕選別存新檔，資料夾與新檔名以英文為宜。
2. 在瀏覽器裡開啟上一步驟存起來的這一個html檔，就可以開始使用TiddlyWiki了，不用安裝，方便又簡單。

設定

1. 點擊GettingStarted裡的SiteTitle、SiteSubtitle設定網頁上方的網站主標題(預設是「我的 TiddlyWiki」)與副標題(預設是「一個可重複使用的個人 網頁式筆記本」)。
   1. 整個GettingStarted的 內容被稱為Tiddler，一個網頁裡可以開啟許多個不同的Tiddler。傳統的Wiki是每個WikiWord開啟在當前網頁裡，用瀏覽器的前後頁來切換；而TiddlyWiki則是把多個內容以附加在目前Tiddler後 面的方式，把多個網頁疊放在同一頁。
   2. 修改標題後按右上角的「完成」即可存入修改。但若要將修改確實存入硬碟，必須按右側的儲存變更。
2. 為了避免修改後的內容不慎因網頁重整而遺失，打開右側「偏好設定」，將「自動儲存」打勾，如此就不用每次修改後都要手動執行「儲存變更」了。這裡的設定會 存入瀏覽器的Cookie，因此若Cookie被清除，就必須再設定一次。
3. 開啟GettingStarted裡的MainMenu， 可以編輯網頁左方的功能選單(預設的選項只有「使用說明」(即GettingStarted))

進一步閱讀

1. TidlyWiki 官方網站
2. TiddlyWiki 使用教學中文版 - 基於1.2版寫的教學與範例，雖然使用版本較舊，但不失為入門的好網站
3. TiddlyWiki之美
4. 精 彩TilldyWiki(簡體)
5. 華語論壇
6. TiddlyWiki for the rest of us
7. TiddlyWiki Tutorial
8. TiddlyWiki Tips
9. Martin's Wiki 有整理得很好的表格
10. 社群FAQ
11. 老貓學出版：老貓也是TiddlyWiki的愛用者，他分享了幾篇心得

TiddlyWiki範例