周天记 我在人间混日子

Docker部署Drawnix可视化白板工具、兼顾思维导图

目前办公用的一款亿图的 MindMaster ,虽说免费功能也够用了,有时候其它地方也偶尔会用到,每次都安装软件也麻烦,之前用过一款 mind-map 不尽如人意,今天正好看见博友的项目推荐,感觉Drawnix是我所需要的,准备部署来使用。

功能特点

  • 免费 + 开源
  • ⚒️ 思维导图、流程图
  • 画笔
  • 插入图片
  • 基于插件机制,导出为PNG,JSON(drawnix)
  • 自动保存(浏览器缓存)
  • ⚡ 编辑特性:撤销、重做、复制、粘贴等
  • 无限画布:缩放、滚动
  • 主题模式
  • 移动设备适配
  • 支持 mermaid 语法转流程图
  • ✨ 支持 markdown 文本转思维导图(新支持 )
基于以上内容,我觉得功能性上而言,毋庸置疑。

我部署项目有个习惯,一般优先选择源码部署,看了下该项目也就是个静态项目,不依赖其它东西,所以我就尝试把代码拉下来编译,试了几次发现一直有问题,node版本也切换了好几个,最终都没有成功,由于我本地各类型项目众多,环境也有很多套,所以思量再三,考虑放弃源码部署,采用docker部署。

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

Docker compose命令如下

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

部署成功后,浏览器输入http://127.0.0.1:8200即可访问服务。

同时也可以直接在 宝塔面板中 操作

  1. 安装docker:点击左侧docker,如果没有安装,直接安装即可;
  2. pull 镜像:选择 线上镜像,输入 drawnix,拉取即可;
  3. 运行容器:本地容器中选择drawnix镜像,直接直接创建容器,添加暴露端口号,左侧8200,右侧80即可,如果需要用端口号访问,记得宝塔中放行该端口号;
  4. 配置域名反代:域名解析好,宝塔中添加站点,选择静态,站点设置中添加反代即可;

我部署的地址:drawnix

drawnix源码仓库

评论

😃

全部评论 21

  1. 徐建伟
    徐建伟 Lv1
    很好的文章,有收获,不错!
    河南省郑州市联通 · Windows 10 / Google Chrome
    1. 满心
      满心 博主
      @徐建伟 搭起来玩玩
      湖北省仙桃市电信 · Android 15 / 手机微信
  2. Teacher Du
    这个不错,感谢分享~
    北京市联通 · Windows 11 / Microsoft Edge
    1. 满心
      满心 博主
      @Teacher Du 确实还可以
      湖北省仙桃市电信 · Android 15 / 手机微信
  3. ymz316
    ymz316 Lv2
    有一次视频刷到 https://excalidraw.com/ ,后来也偶尔去涂涂,不知道谁弄的。不过,自己能弄一个也很好。
    湖南省娄底市电信 · GNU/Linux / Firefox
    1. 满心
      满心 博主
      @ymz316 自己专门搭一个,主要是静态,不太费资源,挺好的
      湖北省仙桃市电信 · Android 15 / 手机微信