Git 图
使用 Mermaid 语法在线创建 Git 分支图，可视化代码合并和发布流程，支持导出 SVG/PNG。
在左侧输入 Mermaid 代码以查看预览
Git 图（Git Graph）用于可视化代码仓库的分支结构、提交历史和合并流程，是 Git 工作流文档化的理想工具。Mermaid 的 gitGraph 语法支持提交（commit）、创建/切换分支（branch/checkout）、合并（merge）和 tag 标注。在团队协作中，清晰的 Git 分支图能帮助新成员快速理解 GitFlow、GitHub Flow 或自定义分支策略；在技术博客和 README 中嵌入 Git 图，能让分支策略说明直观易懂。典型应用：描述 GitFlow 的 main-develop-feature-release-hotfix 分支模型、演示 GitHub Flow 的 feature 分支合并流程、记录重要版本的发布历史。相比截图，Mermaid Git 图可随策略调整随时更新。
为什么选择 Zolkit Mermaid 图表生成器？
Zolkit Mermaid 图表生成器是一款纯浏览器工具，无需注册账号、无需安装插件，代码即图，所见即所得。支持 10 种 Mermaid 图表类型，从软件架构图到项目计划甘特图，一键导出 SVG 矢量图或 PNG 位图，满足文档、演示和代码仓库的各种需求。
实时预览
边输入边渲染，无延迟反馈，帮助你快速验证图表语法。
10 种图表类型
支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
导出 SVG 和 PNG
SVG 无损缩放，PNG 适合截图插入文档，满足不同使用场景。
内置代码示例
每种图表类型均内置可运行示例，一键加载，快速上手。
完全在浏览器中运行
代码和图表数据不离开你的设备，无隐私泄露风险。
免费无限制使用
无需注册，无使用次数限制，随时随地使用。
如何使用
- 1
在左侧代码框中输入或粘贴 Mermaid 语法，右侧即时显示图表预览。
- 2
点击「加载示例」快速获取各图表类型的标准代码模板。
- 3
图表满意后，点击「导出 SVG」或「导出 PNG」保存图表，或点击「复制 SVG」直接粘贴到你的项目中。
常见问题
如何为提交添加自定义 ID 和类型？
使用 commit id: "名称" type: HIGHLIGHT 语法，type 可以是 NORMAL、REVERSE 或 HIGHLIGHT，HIGHLIGHT 会以特殊样式突出显示该提交。
如何添加 Git tag？
在 merge 或 commit 命令后添加 tag: "v1.0" 参数即可，例如：merge develop id: "release" tag: "v2.0.0"。
如何修改图表方向？
使用 gitGraph LR 设置从左到右的布局（默认），使用 gitGraph TB 设置从上到下的布局，适合展示较长的提交历史。
Git 图支持展示并行提交吗？
Mermaid Git 图支持多分支并行展示，但同一分支内的提交按顺序线性排列，无法表示真正意义上的并行提交（即 DAG 中的分叉合并）。