周天记
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源码仓库

😊
提交评论

评论区

共 33 条评论

  1. 头像
    以前上班时工作需要经常会用到思维导向图,现在嘛锤锤打打的完全用不到这么好的东东了。
    2025年06月13日 湖南 Windows 10 / Firefox
    1. 头像
      满心 博主
      @全局变量 各种好用的东西都出来了
      2025年06月13日 湖北 Android 15 / 手机微信
  2. 头像
    obaby Lv5
    你这个头像有意思啊,我的评论框这里,和发完的评论的头像竟然不一样,关键是还都不是最新的。😂
    2025年06月13日 山东 Mac OS X 10.15.7 / Google Chrome
    1. 头像
      满心 博主
      @obaby 评论这块,我准备要动刀子了,上次没搞好
      2025年06月13日 湖北 Windows 10 / Google Chrome
    2. 头像
      满心 博主
      @obaby 我用的weavatar,可能和常规的头像函数拿到的不一样
      2025年06月13日 湖北 Windows 10 / Google Chrome
  3. 头像
    obaby Lv5
    docker 镜像都要挂梯子,也是 tm 神烦。
    2025年06月13日 山东 Mac OS X 10.15.7 / Google Chrome
    1. 头像
      满心 博主
      @obaby 我腾讯的机子,很多可以拉呀,不过这个镜像确实香港机子部署的
      2025年06月13日 湖北 Windows 10 / Google Chrome
  4. 头像
    现在我还不会docker
    2025年06月13日 河南 GNU/Linux / Google Chrome
    1. 头像
      满心 博主
      @似水流年 直接用宝塔的docker,不需要敲一行指令就可完成部署
      2025年06月13日 湖北 Windows 10 / Google Chrome
  5. 头像
    Feng Lv4
    不错,已经去涂鸦了
    2025年06月13日 美国 Windows 10 / Microsoft Edge
    1. 头像
      满心 博主
      @Feng 哈哈,不错
      2025年06月13日 湖北 Windows 10 / Google Chrome
  6. 头像
    acevs Lv5
    不错 mark~
    2025年06月13日 山东 Windows 10 / Google Chrome
    1. 头像
      满心 博主
      @acevs 简单好用
      2025年06月13日 湖北 Windows 10 / Google Chrome