周天记 我在人间混日子

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. 全局变量
    以前上班时工作需要经常会用到思维导向图,现在嘛锤锤打打的完全用不到这么好的东东了。
    湖南省岳阳市电信 · Windows 10 / Firefox
    1. 满心
      满心 博主
      @全局变量 各种好用的东西都出来了
      湖北省鄂州市电信 · Android 15 / 手机微信
  2. obaby
    obaby Lv4
    你这个头像有意思啊,我的评论框这里,和发完的评论的头像竟然不一样,关键是还都不是最新的。😂
    山东省青岛市联通 · Mac OS X 10.15.7 / Google Chrome
    1. 满心
      满心 博主
      @obaby 我用的weavatar,可能和常规的头像函数拿到的不一样
      湖北省武汉市电信 · Windows 10 / Google Chrome
    2. 满心
      满心 博主
      @obaby 评论这块,我准备要动刀子了,上次没搞好
      湖北省武汉市电信 · Windows 10 / Google Chrome
  3. obaby
    obaby Lv4
    docker 镜像都要挂梯子,也是 tm 神烦。
    山东省青岛市联通 · Mac OS X 10.15.7 / Google Chrome
    1. 满心
      满心 博主
      @obaby 我腾讯的机子,很多可以拉呀,不过这个镜像确实香港机子部署的
      湖北省武汉市电信 · Windows 10 / Google Chrome