Docker部署神器！零代码生成专业图表，这款工具绝了
兄弟们，你们有没有遇到过这样的场景：产品经理甩过来一个需求文档，里面密密麻麻的流程图和甘特图；技术方案评审会上，大佬们对着你手绘的架构草图直摇头；想用Visio画个专业点的示意图，结果被复杂的操作界面劝退...
今天二冰给大家推荐一款程序员专属的绘图神器——mermaid-live-editor！只要你会写Markdown，就能用纯文本生成专业级图表，关键还能用Docker一键部署到本地服务器，彻底告别第三方服务的隐私焦虑！
一、项目简介
项目地址：https://github.com/mermaid-js/mermaid-live-editor
这个开源神器基于JavaScript开发，完美支持流程图、时序图、甘特图等12种专业图表类型。最骚的操作是：左边写Markdown式语法，右边实时渲染成矢量图，完爆传统绘图软件的操作体验！
二、四大核心优势
- 零学习成本：用写注释的方式画图，语法比Markdown还简单
- 企业级隐私：自建服务不依赖第三方，敏感数据不出内网
- 跨平台协作：生成分享链接，产品/测试都能在线批注
- 无缝集成：支持导出SVG/PNG，直接嵌入技术文档
三、Dockge部署教程
准备compose.yaml
version: '3'
services:
mermaid:
image: ghcr.io/mermaid-js/mermaid-live-editor:latest
container_name: mermaid-live-editor
restart: unless-stopped
ports:
- 8830:8080
volumes:
- ./config:/app/config
部署步骤
打开Dockge面板 -> 创建堆栈 -> 设置堆栈名称 -> 粘贴compose代码 -> 30秒启动成功！ 
四、高阶玩法指南
1. 历史版本管理
每次修改自动生成时间轴版本，随时回滚到任意历史状态：
2. 团队协作三件套
- 只读链接：发给领导过审
- 编辑链接：扔给产品经理改需求
- SVG导出：直接嵌入Confluence文档
3. 命令行黑科技
支持通过API批量生成图表，搭配Jenkins实现文档自动化：
curl -X POST http://localhost:8830/generate \
-H "Content-Type: text/plain" \
-d "flowchart TD\nA[Start] --> B{Decision}"
五、避坑指南
- 国内拉镜像慢？用这个命令加速：
docker pull ghcr.dockerproxy.com/mermaid-js/mermaid-live-editor:latest
- 修改默认端口时，记得同步改compose文件里的端口映射
- 定期清理
./config目录下的缓存文件
六、总结推荐
经过两周深度体验，二冰给这个项目打8.5分！特别适合以下场景： ✅ 写技术方案需要配架构图 ✅ 做运维监控绘制拓扑图 ✅ 写开源项目文档需要示例
最后，奉上我的超级无敌至尊docker库，二冰平时玩过的docker都整理到了这个仓库中了，一直在更新中，希望有github账号的兄弟能去给点个star，不知道玩啥的，都去这里面找，都给你们分好类了 仓库链接： https://github.com/TWO-ICE/Awesome-NAS-Docker
如果觉得这篇教程有帮助，记得点赞收藏，评论区留下你的实战体验！