自建免费在线思维导图工具-用Docker安装draw.io在线思维导图程序

首发：2021年3月20日
有问题请联系Qi 更新于： 2022年10月1日 10:10
by Qi
10

随着越来越多的人喜欢用思维导图工具来收集整理资料和学习相关技能，思维导图工具的易操作性和适用性也越来越重要了。这篇文章是来分享一下如何在自己的服务器安装draw.io在线思维导图程序，让你可以随心所欲地配置自己的思维导图，再也不用忍受付费的痛苦了。

draw.io在线思维导图程序免费开源，提供了Docker安装，非常地快捷。draw.io在线思维导图程序可以Google Drive、OneDrive、Dropbox、Github等网盘存储结合，将你在线编辑的思维导图保存在网盘中。当然draw.io在线思维导图程序上可以导出高清大图，方便你分享使用。

除了自建思维导图，你也可以自建网盘、密码存储、RSS等，总之一切皆可自建。参考如下：

PS：更新记录.

1、对于静态空间，比较适合运行静态博客，这里有静态博客生成工具：免费实用的静态博客生成工具-静态网站和静态文件自动生成软件。2022.10.1
2、想要自建文章或者网页保存服务，可以试试这个：Wallabag安装与使用-自建网页收藏服务-手机APP和浏览器离线保存网页。2021.9.29
2、搭建网站还可以使用静态程序，这样就可以部署在任意免费的Web空间上了：免费自建个人网站-Gridea+GitHub+Vercel傻瓜式搭建静态博客评论SSL多主题。2021.5.9

一、安装Docker部署

draw.io在线思维导图程序需要安装在一台VPS主机上。没有VPS的朋友可以参考这个购买一个：VPS主机排行榜单。

网站：https://github.com/jgraph/drawio
演示：https://app.diagrams.net/

draw.io需要使用Docker部署的方式，新手朋友可以在自己的VPS主机上安装宝塔面板，用宝塔面板管理Docker还是比较方便的：宝塔面板安装与使用图文教程。

然后宝塔面板里直接安装Docker，如果想手动在VPS上部署Docker也简单，直接参考Docker官网，以下命令是基于Ubuntu系统的演示，如果你是Debian参考：安装好Docker，其它的请参考官网：

安装 Docker CE (社区版)：https://docs.docker.com/install/linux/docker-ce/ubuntu/
安装 Docker Compose：https://docs.docker.com/compose/install/#install-compose

Ubuntu系统安装Docker CE 如下：

sudo apt-get remove docker docker-engine docker.io containerd runc

sudo apt-get update

sudo apt-get install \
    apt-transport-https \
    ca-certificates \
    curl \
    gnupg-agent \
    software-properties-common

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

#测试一下有没有成功
sudo apt-key fingerprint 0EBFCD88
#有以下反馈就表示成功
pub   rsa4096 2017-02-22 [SCEA]
      9DC8 5822 9FC7 DD38 854A  E2D8 8D81 803C 0EBF CD88
uid           [ unknown] Docker Release (CE deb) <docker@docker.com>
sub   rsa4096 2017-02-22 [S]

sudo add-apt-repository \
   "deb [arch=amd64] https://download.docker.com/linux/ubuntu \
   $(lsb_release -cs) \
   stable"

sudo apt-get update
sudo apt-get install docker-ce docker-ce-cli containerd.io

#验证一下是不是正确安装
sudo docker run hello-world
#有以下反馈就表示正确安装
root@localhost:~# sudo docker run hello-world
Unable to find image 'hello-world:latest' locally
latest: Pulling from library/hello-world
0e03bdcc26d7: Pull complete 
Digest: sha256:4cf9c47f86df71d48364001ede3a4fcd85ae80ce02ebad74156906caff5378bc
Status: Downloaded newer image for hello-world:latest

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
 1. The Docker client contacted the Docker daemon.
 2. The Docker daemon pulled the "hello-world" image from the Docker Hub.
    (amd64)
 3. The Docker daemon created a new container from that image which runs the
    executable that produces the output you are currently reading.
 4. The Docker daemon streamed that output to the Docker client, which sent it
    to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
 $ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
 https://hub.docker.com/

For more examples and ideas, visit:
 https://docs.docker.com/get-started/

Ubuntu系统安装 Docker Compose如下：

#安装 Docker Compose
sudo curl -L "https://github.com/docker/compose/releases/download/1.27.3/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

sudo chmod +x /usr/local/bin/docker-compose

#检测一下是不是成功安装
docker-compose --version

Docker命令安装完成后，接下来就是安装draw.io了，直接执行以下命令：

docker run -it --rm --name="draw" -p 8080:8080 -p 8443:8443 fjudith/draw.io

完成后你就可以打开你的IP:8080看到draw.io的界面了，但是此时关闭了S-S-H窗口后则会消失，我们还需要宝塔的Docker容器部署守护。点击创建容器，把8080和8443两个端口添加进去就行了。

二、绑定域名与SSL

使用宝塔面板，直接在后台添加网站，做好DNS解析，绑定自己的域名，在后台给域名申请好SSL证书。最后，直接在宝塔面板的网站管理中添加反代即可。如下图：

使用Oneinstack或者LNMP一键包的朋友使用命令添加虚拟机或者绑定好域名，然后添加反向代@理。反向配置方法和Bitwarden自建密码存储系统图文教程绑定域名反代类似。

现在，打开你的域名就可以成功访问到draw.io在线思维导图了，支持Good Drive、OneDrive、GitHub或本地存档，导入导出支持格式也非常地丰富。

三、draw.io使用体验

draw.io支持使用中文。

draw.io支持画的图非常多，有BPMN 图（业务流程模型和标记图 Business Process Model and Notation）、UML 图（统一建模语言 Unified Model Language）、流程图、树状图、思维导图、网络拓扑图、线框模型图、原型图、文氏图、甘特图、机架图、时序图等。（点击放大）