TiddlyWiki: 轻巧、可扩展的个人Wiki

小蓝 • 2024-12-31 11:50 • 编程

如果你正在寻找一款简洁易用的个人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有很多其他的特点和插件，如果你感兴趣，可以去它的官网中查看更多信息。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/303727.html