TiddlyWiki: 輕巧、可擴展的個人Wiki

如果你正在尋找一款簡潔易用的個人wiki，不妨嘗試一下TiddlyWiki。它不需要數據庫或者服務器支持，通過一系列自包含的“tiddler”組成。每個tiddler是一段獨立的文本，可以方便的添加、編輯、刪除和整理。而它的插件架構也讓它可以方便擴展，同時還支持與其他工具無縫連接。

一、官網介紹

TiddlyWiki有自己的官網 https://tiddlywiki.com/，上面提供了豐富的文檔、演示、示例和插件支持。它的源碼託管在GitHub上，用戶可以自由下載。

事實上，TiddlyWiki是使用JavaScript編寫的單頁應用程序，可以在任何支持JavaScript的現代瀏覽器上運行。你可以將整個wiki保存為HTML文件，在電腦或雲盤內隨時打開和編輯。這種方式也讓TiddlyWiki在一些禁止使用外部互聯網的工作環境中有着廣泛的應用。

二、TiddlyWiki關係圖

TiddlyWiki中可以利用標籤和鏈接等方式來組織內容，但如果你的Wiki越來越複雜，可能需要一種更高級的可視化方式來理解。TiddlyWiki的Tags Graph插件就提供了一種可視化展示標籤之間關係的方式。

通過以下代碼，在TiddlyWiki中引入插件：

<script src="https://tiddlymap.org/plugins/tiddlymap/js/tiddlymap.js" 
   integrity="sha384-Qjn/vQ6znnYkafdr5k5IzE+NGh+SFOiTBHrr1d3ULegeVP1dfE2+Zx2yeLyytZJ9" 
   crossorigin="anonymous"></script>

之後在TiddlyWiki的“Option”欄中，找到“Plugins”一欄並啟用“TiddlyMap”，就可以在wiki中使用Tags Graph插件。此時你可以將標籤之間的關係以圖表形式展現出來，方便查看和編輯。

三、TiddlyWiki理念

TiddlyWiki的一個重要理念是“Silo-Breaking”（打破隔離）。傳統的wiki系統中，內容通常被組織在頁面和子頁面中，形成一個層次化結構。但這種結構會帶來一些不便：例如相關的內容可能被分散到不同的頁面或者層級中，修改或刪除頁面會影響整體布局等等。

TiddlyWiki通過將所有內容都視為獨立的tiddler來打破這種固有結構。每個tiddler都有一個唯一標識符，以及一些元數據（如標題、標籤、創建日期等），並可以像其他tiddler一樣引用和被引用，這種“引用”機制讓TiddlyWiki變得高度互通。

這樣的設計有助於組合內容，將已有的tiddlers重新組合形成新的內容，讓wiki的架構本身更為靈活和高效。

四、TiddlyWiki目錄

如果你的TiddlyWiki包含大量的內容，會很難找到需要的tiddler。因此，TiddlyWiki提供了內置的目錄（Table of Contents）插件，可以方便地查看和瀏覽tiddler。

通過以下代碼，在TiddlyWiki中引入目錄插件：

<!-- 依賴的樣式文件 -->
<link href="https://rawgit.com/Arlen22/TW5Directory/master/directory.css"
rel="stylesheet" type="text/css" />
<!-- 效果文件 -->
<script src="https://rawgit.com/Arlen22/TW5Directory/master/directory.js"
type="text/javascript"></script>

之後在TiddlyWiki的“Options”欄中，找到“Plugins”一欄並啟用“Table of Contents”，即可使用目錄插件。它可以顯示所有tiddler的層級關係和標題，並支持聯動查看、過濾、搜索和排序等功能。

五、TiddlyWiki畫圖插件

除了文字，TiddlyWiki還支持插入多種類型的內容，包括圖片、視頻、音頻、LaTeX公式等。但如果需要繪製一些簡單的圖表、流程圖等，還需要藉助其他工具。不過，TiddlyWiki上也有相應的解決方案——插件drawio可以讓你在TiddlyWiki上直接繪圖。

它是基於draw.io項目，一個流行的圖表編輯工具，只需要在TiddlyWiki中安裝drawio插件，就可以創建各種流程圖、組織圖、狀態圖、ER圖等等。

通過以下代碼，在TiddlyWiki中引入drawio插件：

<!-- 插件腳本 -->
<script src="$:/plugins/gt6796c/JSDrawio/jsdrawio.js" type="text/javascript"/>

之後在TiddlyWiki的“Options”欄中，找到“Plugins”一欄並啟用“JSDrawio”，就可以在tiddler的編輯頁面中繪圖了。

結語

以上是TiddlyWiki的一些方面，希望能夠對你了解和使用TiddlyWiki有所幫助。當然TiddlyWiki有很多其他的特點和插件，如果你感興趣，可以去它的官網中查看更多信息。