Docker 搭建 web 思维导图

共计 1073 个字符，预计需要花费 3 分钟才能阅读完成。

简介

Simple mind map 是一个简单且强大的 web 思维导图项目，它基于思维导图库、Vue2.x、ElementUI 开发，项目地址：https://github.com/wanglin2/mind-map 。

阿蛮君稍微使用了一下，功能可以说非常强大了。

根据官方介绍，它的特点如下：

• 插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小打包体积
• 支持逻辑结构图、思维导图、组织结构图、目录组织图、时间轴（横向、竖向）、鱼骨图等结构
• 内置多种主题，允许高度自定义样式，支持注册新主题
• 节点内容支持文本（普通文本、富文本）、图片、图标、超链接、备注、标签、概要、数学公式
• 节点支持拖拽（拖拽移动、自由调整）、多种节点形状，支持使用 DDM 完全自定义节点内容
• 支持画布拖动、缩放
• 支持鼠标按键拖动选择和Ctrl+左键两种多选节点方式
• 支持导出为json、png、svg、pdf、markdown、xmind，支持从json、xmind、markdown导入
• 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条
• 提供丰富的配置，满足各种场景各种使用习惯

安装

官方提供的镜像只支持 http，但是 http 环境下，新建、打开、另存为功能都会有问题，报错 TypeError: window.showSaveFilePicker is not a function，原因是这个函数只支持 https 环境运行。此外，剪贴板功能也用不了。

如果需要使用这些功能，还需要运行 https 进行反代，阿蛮君觉得甚是麻烦，于是准备自己做一个镜像，支持 http 和 https。

如果你只需要简单使用，那么运行如下命令即可：

docker run -d \
--name mindmap \
-p 8080:80 \
-p 8443:443 \
hausen1012/mindmap

8080 即 http 端口，8443 为 https 端口，8443 端口会有一个默认的证书，虽然浏览器提示不安全，但不影响使用。

如果你想自定义证书，那么此时你需要将你的证书文件夹映射到 /etc/nginx/conf/cert 目录，如果你不想修改 nginx 默认配置文件的话，请将你的证书名修改为 localhost.crt，密钥文件修改为 localhost.key。

docker run -d \
--name mindmap \
-p 8080:80 \
-p 8443:443 \
-v /home/docker/mindmap/cert:/etc/nginx/conf/cert
hausen1012/mindmap

将证书文件放在 /home/docker/mindmap/cert 目录即可。

提醒：本文发布于420天前，文中所关联的信息可能已发生改变，请知悉！