开源可视化白板工具,兼顾思维导图、流程图,NAS一键部署Drawnix

360影视 动漫周边 2025-05-14 17:13 1

摘要:Drawnix 的定位是一个开箱即用、开源、免费的白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。目前也在稳定更新中。

开源工具千千万,这次再来分享一个非常不错的实用工具:Drawnix。

Drawnix 的定位是一个开箱即用、开源、免费的白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。目前也在稳定更新中。

另外大家如果有什么想法建议,可以到项目提出Issues。GHUB搜索plait-board/drawnix

项目功能特点

这次跟过去不太一样,因为作者并没有提供官方镜像,但好在项目提供了Dockerfile文件,我们可以自构建一个。

我去Docker hub简单看了一眼,还是有几位打包上传了的,大概都是自用吧~我也顺手打包上传了一份,大家可以用我的这个。如果想自行打包,流程我就放在文末,到时候再去看。

以威联通NAS为例,打开Container Station,我们通过Docker Compose的方式进行部署。

部署代码如下,注意格式对齐!

version: '3' # 最新版docker compose删除该行services: drawnix: image: ydxian/drawnix:latest container_name: drawnix ports: - "8200:80" # 冒号左侧可自行修改 restart: always

参照图片如下。

按照上文部署,浏览器输入NAS_IP:8200即可访问服务。

初始界面如下,功能基本所见即所得。

左上角功能菜单:打开工程文件、保存工程文件(.drawnix)、导出画布为图片、清除画布内容,以及跳转至原项目界面。旁边两个按键为大家熟悉的操作回撤功能。

中部功能栏,从左至右:

手掌:可将画布内容拖动,进行移位。

鼠标:单机选中部分,长按框选整体。框选/选中后长按旋转图标,可通过拖动鼠标实现360度角度转换;选中黑色圆圈,可调整画笔/字体或其他内容的颜色。

细心的朋友可能注意到左上角功能菜单还多出了复制/删除选项。

思维导图:选中后点击幕布,就会生成一个框,点击框便可设置字体、外框以及填充颜色类型。

剩下的几个:文字输入、画笔、箭头指向、几何图形。

支持插入图片。

支持Mermaid以及Markdown语法,编辑起来会更加的方便。尤其是Markdown语法,写文列大纲简直无敌。

右上和右下还具备调整尺寸以及画布风格的功能。

打包并上传镜像

先说通用版本。

打开任意的SSH工具,链接你的NAS或者服务器。

# 进入任意目录,还是威联通NAS为例,目录各位自己定cd /share/download# 把 drawnix 项目克隆到当前目录下。git clone https://github.com/plait-board/drawnix.git# 进入 drawnix cd drawnix# 根据项目页的Dockerfile构建镜像,其实端口之类的都可以改,但是我懒就用默认80了docker build -t ydxian/drawnix:latest .# 也可以重新打标签docker tag ydxian/drawnix yourusername/drawnix:latest# 登陆到Docker Hubdocker login# 然后输入你的账户和密码,账户貌似是不区分大小写,年代久远都忘了# 推送镜像到 Docker Hubdocker push yourusername/drawnix:latest

一套操作下来,后续就可以分享给别人用了,在Docker商店也能搜到你的镜像。

接下来是威联通,图形化操作可能还是更方便些~

我们执行到打包成镜像后,Container Station会自动检测到镜像。先点击左侧「存储库存」,勾选「身份验证」,也是输入账户密码并验证即可。

接着点击「镜像」,找到需要推送的项目。点击「推送到存储库」

编辑你的镜像标签,点击推送即可。

来源:小高科技天地

相关推荐