流程·洞察

使用 Node.js 部署 Tiddlywiki

从单文件的 HTML 文件到 Docker、PHP 版本，Tiddlywiki 有很多种部署方式，我曾经推荐过使用 Quine2 打开单文件版本，并分享了如何基于 Docker 部署 Tiddlywiki 的流程。

过去六个多月的时间里，我将 Tiddlywiki 迁移到 Node.js 的环境里，除了可以像 Docker 版本实现浏览器的跨平台访问之外，还能够更方便地进行数据备份，更重要的一点，如果你想快速将 Tiddlywiki 内容变成一个静态网站，Node.js 都是必不可少的选择。

本期我会结合自己部署、使用过程中的一些心得体会，梳理一个快速使用 Node.js 部署 Tiddlywiki 的教程。

我看到很多用户选择在 Windows 或 macOS 里使用 Node.js 部署 Tiddlywiki，这并不是我最推荐的做法，原因在于，这个方法让 Tiddlywiki 彻底变成了一个本地应用，你无法在其他计算设备上访问数据，而且重启设备都需要通过命令行重新打开，非常繁琐。

而借助 VPS 提供的公网 IP 地址以及域名，则能够实现在多个平台打开访问 Tiddlywiki 服务。如果你不太了解 VPS，可以先从腾讯云或阿里云提供的海外轻量应用服务器开始，最低只需要 24 元/月。

购买 VPS 之后，我非常建议安装宝塔面板，这是一个免费、可视化管理 VPS 的工具，你可以像操作应用商店一样快速安装、管理 VPS 上的服务，本文接下来的所有的操作都在宝塔面板上实现，其中必须安装的是 PM2 管理器，该服务内置了 Node.js、NPM 等工具。

2.安装 Tiddlywiki

安装 Tiddlywiki 的步骤分为两步，其一，将 Tiddlywiki 安装到 VPS 上，这个操作很简单，点击宝塔面板左侧的终端，如下图所示，

登陆后输入：

其二，将 Tiddlywiki 服务部署到某个文件夹，我建议将 Tiddlywiki 部署到某个网站里的文件夹，这样也为后续的访问、数据备份提供便利。

接下来，点击宝塔面板左侧的「网站」，新建一个网站，输入你的域名（该域名以后用来访问 Tiddlywiki），其他的配置如下：

然后在使用终端定位到网站所在的文件夹，比如定位「demo.Dailyio.me」的根目录：

输入下面的命令，这样会在当前目录里新建一个 mywiki 目录，存放 Tiddlywiki 的所有内容：

tiddlywiki mywiki –init server

至此，一个 Tiddlywiki 服务就部署完毕了。

3.使用 PM2 运行服务

如果根据官方的介绍，可直接在终端使用「tiddlywiki mywiki –listen」运行服务，但是有几个问题，比如无法绑定域名，这意味着你只能通过「IP 地址:80」端口的形式访问，不能设置访问权限或密码，更不能以 HTTPS 浏览，几乎就是「裸奔」。

这也是我使用 PM2 运行 Tiddlywiki 的原因所在，在终端里使用 cd 定位到 Tiddlywiki 所在的文件夹，输入下面的代码：

这其中有几个自定义选项：

• name 后面可改成任意名称；
• port 可根据自己的需求修改；

上述这个方式也没有密码，如果需要用户名、密码，可参考下面的代码：

这其中的 username 与 password 都可以自定义。

4.优化访问

现在，Tiddlywiki 的服务已经运行起来，但还有几个后续工作，首先，申请 SSL 证书，利用宝塔面板申请 SSL 证书非常简单，如下图所示：

其次，使用「反向代理」实现域名访问，如下图所示，这里最关键的一步是「目标 URL」里的端口名，也就是下图里的 8080，这里的数字需要和你在上面运行时的自定义端口一致。

第三，点击宝塔面板左侧的「安全」，在「防火墙」里，将上文提到的端口放行，如下图：

第四，如果你需要更安全的访问，还可以在「配置文件」里添加特定 IP 地址，如下图所示，这意味着，只有通过这些 IP 地址（比如基于代理），才能访问我部署的 Tiddlywiki，使用其他 IP 地址，就会出现错误。

第四，使用宝塔面板快速完成数据备份。宝塔面板支持把网站数据备份到多个云服务上，并且可自定义备份周期、云端保存的数量等，下图是我将自己的 wiki 备份到 Google Drive 里。

5.写在最后

在完成上述一系列操作之后，你可以在任何设备上通过浏览器快速访问属于自己的 Tiddlywiki，任何的修订都会实时保存，用一台设备修订完某个条目，立刻就会在另一台设备上显示出来，特别适合多设备的工作场景。