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

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

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

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

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

  1. Cloudreve自建网盘系统-可预览Office文档对接七牛又拍云腾讯云COS
  2. Bitwarden自建密码存储系统图文教程-开源免费的bitwarden_rs安装与使用
  3. 自建RSS阅读器Tiny Tiny RSS安装和配置自动更新,全文RSS,更换主题,手机RSS登录

PS:2026年11月13日更新,更新官方容器镜像和后台运行命令,补充域名反向代理及图稿保存说明。

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主机排行榜单。

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

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

draw.io在线思维导图安装Docker

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

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

下面保留旧版 Ubuntu 的安装记录。新部署先按 Docker 当前的 Ubuntu 安装文档配置软件源,避免复制旧 apt-key 和固定发行版命令。当前文档:https://docs.docker.com/engine/install/ubuntu/ 。

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/

这里的 Compose 1.27.3 下载命令是旧做法;当前安装 Docker Compose 插件后使用 docker compose version。这篇最简部署只需 Docker Engine,无需为单个容器再装旧版独立 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 -d --name draw --restart unless-stopped -p 127.0.0.1:8080:8080 jgraph/drawio

这里改用项目维护的 jgraph/drawio 镜像,在后台运行,并只把 HTTP 端口映射到本机。通过同机反向代理访问draw.io的界面。--restart unless-stopped 负责容器重启策略,旧版宝塔截图供对照。官方镜像说明:https://github.com/jgraph/docker-drawio 。

draw.io在线思维导图创建容器

二、绑定域名与SSL

已有 Nginx 或面板可以给域名配置有效 HTTPS,再反向代理到 http://127.0.0.1:8080。如果代理也在容器里,加入同一自定义网络后用容器名和 8080 端口连接;此时代理容器中的 127.0.0.1 并不指向宿主机。

draw.io在线思维导图反代域名

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

域名可用后先试建一张图,保存并重新打开,确认文件确实存到选定的位置。图形编辑器容器本身不等于一个自动保存所有图稿的网盘。

draw.io在线思维导图导入导出

三、draw.io使用体验

draw.io支持使用中文。

draw.io在线思维导图创建流程图

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

draw.io在线思维导图操作界面

Google Drive、OneDrive 等在线存储在自托管环境中可能需要额外注册 OAuth 应用并配置客户端参数,不能仅凭界面有图标就认为已经接好。个人使用可以先选本地文件,再按官方镜像说明配置需要的集成。

如果要使用Google Drive、OneDrive、Dropbox、Github等网盘存储,只需要点击授权即可。

draw.io在线思维导图点击授权
draw.io在线思维导图画图按钮

四、总结

用Docker安装draw.io在线思维导图程序只需要配置好Docker后部署起来也就是一句命令的事,不想手动安装Docker的话建议使用宝塔面板的Docker容器即可。draw.io在线思维导图程序对中文搜索不够友好,至于其它的已经做得相当不错了。

文章出自:挖站否 https://wzfou.com/draw-io/,版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。


分享到:
Avatar for Qi
关于站长(Qi),2008年开始混迹于免费资源圈中,有幸结识了不少的草根站长。之后自己摸爬滚打潜心学习Web服务器、VPS、域名等,兴趣广泛,杂而不精,但愿将自己经验与心得分享出来与大家共勉。
已有 10 条评论
  1. Avatar for 随风 随风

    站长,搭建完的draw.io无法授权给OneDrive,报错:我们无法完成你的请求
    unauthorized_client: The client does not exist or is not enabled for consumers. If you are the application developer, configure a new application through the App Registrations in the Azure Portal at https://go.microsoft.com/fwlink/?linkid=2083908.。。。不知道该改什么配置,简中没搜到解决方法

    2024年2月4日 20:38来自QQ顶 踩 回复
    • Avatar for Qi Qi

      这种情况大部分是因为主机网络不通造成的,可以多尝试几次,或者换一个机子看看。

      2024年2月5日 10:07顶 踩 回复
      • Avatar for 随风 随风

        嗯嗯,用的免费阿里2h4g1M一个月挺慢的。搭建的draw.io使用网络存储只有谷歌网盘和Github,其他网盘不行。在线版全能用。。感觉搭建这个没啥用哈哈哈,体验不如在线版,便捷不如离线版。搭着玩了。

        2024年2月5日 20:56来自QQ顶 踩 回复
        • Avatar for Qi Qi

          嗯,我是直接用它的客户端,也挺好用的。

          2024年2月6日 20:47顶 踩 回复
  2. arm64 的Docker Compose用文章中的命令似乎无法安装成功。要在ARM机器上安装,不知道Qi是否有教程呀,感谢,么么哒~

    2021年8月30日 23:08顶 踩 回复
    • Avatar for Qi Qi

      我来找找看能不能有成功的。

      2021年9月4日 09:48顶 踩 回复
  3. Avatar for 国服最强白嫖党 国服最强白嫖党

    软件免折腾

    2021年3月26日 00:08顶 踩 回复
  4. Avatar for 听听 听听

    自己搞个太费时间了

    2021年3月24日 11:29顶 踩 回复
  5. https://loco.wzfou.me/ 这个地址怎么打不开了?

    2021年3月24日 00:30顶 踩 回复
  6. Avatar for 想名字想到爆头 想名字想到爆头

    不错,实用!

    2021年3月21日 18:22来自QQ顶 踩 回复
Avatar for 想名字想到爆头

Login

Welcome! Login in to your account

Remember me Lost your password?

Don't have account. Register

Lost Password

Register