使用Docker在Ubuntu18.04下搭建TiddlyWiki

前言： TiddlyWiki 是一一款独特的非线性笔记本，用于捕获、组织和分享复杂信息。可用它来保存你的待办事项列表，计划一篇文章或小说，或安排你的婚礼。记录闪过你大脑的每一个想法，或者建立一个灵动的自适应式的网站。

本文主要介绍我如何使用Docker在VPS（Ubuntu18.04）上搭建TiddlyWiki。

条件准备：

• 一台VPS
• 一个域名

通过Xshell连接VPS，然后复制并粘贴以下命令：

一、安装NodeJS和NPM

1. sudo apt update - 更新包
2. sudo apt install nodejs npm - 安装NodeJS和NPM
3. nodejs -v - 检查NodeJS版本
4. npm -v - 检查NPM版本

二、安装Nginx

1. sudo apt update - 更新包
2. sudo apt install nginx - 安装Nginx
3. nginx -v - 检查Nginx版本

三、设置防火墙

1. sudo ufw app list - 查看应用配置
2. 然后你会看到以下输出：

Available applications:  
     Nginx Full  
     Nginx HTTP  
     Nginx HTTPS  
     OpenSSH

1. sudo ufw allow ssh - 允许防火墙开放22端口（默认ssh端口），若断开后仍能连接上则继续
2. sudo ufw allow 'Nginx Full' - 允许防火墙开放80和443端口
3. sudo ufw status - 查看防火墙状态，若输出Status: active则继续

四、安装Docker

Ubuntu18.04下安装Docker

五、启动TiddlyWiki服务

1. docker pull elasticdog/tiddlywiki - 拉取TiddlyWiki镜像
2. mkdir -p /var/www/wiki - 创建网站文件夹
3. cd /etc/nginx/sites-available
4. nano wiki.circlehotarux.me - 编辑你的域名配置文件，粘贴以下内容

server {  
     server\_name wiki.circlehotarux.me;  
       
     location / {  
     proxy\_pass   http://127.0.0.1:8080;  
     proxy\_set\_header        Host             $host;  
     proxy\_set\_header        X-Real-IP        $remote\_addr;  
     proxy\_set\_header        X-Forwarded-For  $proxy\_add\_x\_forwarded\_for;  
     }  
    }

1. 然后按ctrl + o和回车保存，ctrl + x退出编辑
2. sudo ln -s /etc/nginx/sites-available/wiki.circlehotarux.me /etc/nginx/sites-enabled/ - 创建软链接
3. nginx -t - 测试配置文件是否正确，若输出success则继续
4. sudo nginx -s reload - 重新加载nginx配置文件
5. cd /var/www/wiki - 进入网站文件夹
6. nano tiddlywiki-serve - 编写脚本，粘贴以下内容

#!/usr/bin/env bash  
    ​  
readonly WIKIFOLDER=$1  
    ​  
docker run -d --rm \\  #后台运行 若旧容器已存在则删除旧容器  
  --name tiddlywiki \\  
  --publish 127.0.0.1:8080:8080 \\  
  --mount "type=bind,source=${PWD},target=/tiddlywiki" \\  
  --user "$(id -u):$(id -g)" \\  
  elasticdog/tiddlywiki \\  
  "$WIKIFOLDER" \\  
  --listen host=0.0.0.0

1. 然后按ctrl + o和回车保存，ctrl + x退出编辑
2. ./tiddlywiki-serve mynewwiki - 开启TiddlyWiki服务
3. 此时tiddlywiki已成功开启，打开你的浏览器，输入域名（已提前解析）即可访问
4. 要停止tiddlywiki服务请输入以下内容：
5. docker stop tiddlywiki

六、TiddlyWiki入门

浏览器打开TiddlyWiki网址，可以看到TiddlyWiki已经运行起来了。

点击右侧的齿轮图标可进入设置界面，以设置语言为简体中文为例：

在设置界面点击Plugins➡Get more plugins：

open plugin library➡languages，找到中文包（中文包有挺多个的，自己挑一个吧）➡install：

安装完毕之后，页面顶部会多出一条黄色的提示，依次点击提示条中的“保存”和“刷新”按钮。

然后回到设置界面的info页，向下滑动找到Hello! Current language，然后选择刚才下载的中文包即可。

这时我们已经将TiddlyWiki设置成中文了。

接下来便可以开始正式编写Wiki之旅了，点击工具栏齿轮旁边的“+”号，可以创建新文章，而点击页面中✔️则是保存。

更多内容大家可以自行摸索。

参考资料

• elasticdog/tiddlywiki
• TiddlyWiki中文站
• creating online tiddlywiki
• 使用Docker搭建你的Wiki（TiddlyWiki） )

最后

这是我的TiddlyWiki，感兴趣的可以访问，希望我的文章可以对你有所帮助。