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

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

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

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

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

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

  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 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) <[email protected]>
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两个端口添加进去就行了。

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

二、绑定域名与SSL

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

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

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

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

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

三、draw.io使用体验

draw.io支持使用中文。

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

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

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

如果要使用Google DriveOneDriveDropbox、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.。。。不知道该改什么配置,简中没搜到解决方法

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

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

      2月5日 10:07 回复
      • Avatar for 随风 随风

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

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

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

          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 回复

Login

Welcome! Login in to your account

Remember me Lost your password?

Don't have account. Register

Lost Password

Register