周天记 我在人间混日子

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

评论

😃

全部评论 23

  1. LiuShen
    LiuShen Lv3
    确实有点问题,当时写文章的时候没来得及测试,现在发现在windows环境下无法配置好他的环境,可能和跨平台有关,所以我尝试使用github action构建好了,老哥可以参考一下:

    https://github.com/willow-god/drawnix/blob/develop/.github/workflows/deploy.yml

    手动触发action后,则会将静态文件部署到page分支,注意触发之前打开action的读写权限。

    湖北省武汉市联通 · Windows 10 / Google Chrome
  2. 似水流年
    现在还没有机会用过思维导图。
    河南省移动 · HarmonyOS / 华为浏览器
  3. 徐建伟
    徐建伟 Lv1
    很好的文章,有收获,不错!
    河南省郑州市联通 · Windows 10 / Google Chrome
    1. 满心
      满心 博主
      @徐建伟 搭起来玩玩
      湖北省仙桃市电信 · Android 15 / 手机微信