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. 1

    在左侧代码框中输入或粘贴 Mermaid 语法,右侧即时显示图表预览。

  2. 2

    点击「加载示例」快速获取各图表类型的标准代码模板。

  3. 3

    图表满意后,点击「导出 SVG」或「导出 PNG」保存图表,或点击「复制 SVG」直接粘贴到你的项目中。

常见问题