周天记 我在人间混日子

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. 似水流年
    现在我还不会docker
    河南省漯河市联通 · GNU/Linux / Google Chrome
    1. 满心
      满心 博主
      @似水流年 直接用宝塔的docker,不需要敲一行指令就可完成部署
      湖北省武汉市电信 · Windows 10 / Google Chrome
  2. Feng
    Feng Lv2
    不错,已经去涂鸦了
    美国 · Windows 10 / Microsoft Edge
    1. 满心
      满心 博主
      @Feng 哈哈,不错
      湖北省武汉市电信 · Windows 10 / Google Chrome
  3. acevs
    acevs Lv3
    不错 mark~
    山东省青岛市联通 · Windows 10 / Google Chrome
    1. 满心
      满心 博主
      @acevs 简单好用
      湖北省武汉市电信 · Windows 10 / Google Chrome