如何用 Mermaid 画 Git 图

2026-03-05 · MermZen 教程

Git 图用于可视化版本控制系统的分支管理、提交历史和合并操作，适合软件开发团队协作、项目管理、版本控制教学等场景。Mermaid 使用 gitGraph 关键字声明 Git 图。

声明图表

使用 gitGraph 关键字：

gitGraph
    title Git 图标题

基本提交和分支

创建简单的提交和分支：

gitGraph
    title 基本 Git 图
    commit "初始提交"
    commit "功能 A"
    branch 功能分支1
    commit "完成功能 1"
    commit "修复 bug 1"
    checkout main
    branch 功能分支2
    commit "完成功能 2"

分支合并

演示分支合并操作：

gitGraph
    title 分支合并示例
    commit
    branch feature-1
    commit
    commit
    checkout main
    branch feature-2
    commit
    commit
    checkout main
    merge feature-1
    commit
    merge feature-2

标签和版本

添加标签和版本管理：

gitGraph
    title 版本管理示例
    commit "v1.0.0 发布"
    branch feature/auth
    commit "添加认证功能"
    commit "修复安全漏洞"
    checkout main
    merge feature/auth tag: "v1.1.0"
    branch hotfix/security
    commit "紧急安全修复"
    checkout main
    merge hotfix/security tag: "v1.1.1"

完整示例：产品开发流程

gitGraph
    title 产品开发 Git 流程图
    commit "项目初始化"
    commit "基础架构搭建"
    branch feature/login
    commit "登录功能实现"
    commit "登录 UI 优化"
    checkout main
    branch feature/dashboard
    commit "仪表板框架"
    commit "数据可视化组件"
    commit "用户统计功能"
    checkout main
    branch feature/settings
    commit "用户设置页面"
    commit "安全设置"
    checkout main
    merge feature/login tag: "v1.0.0-beta"
    commit "测试修复"
    merge feature/dashboard
    merge feature/settings tag: "v1.0.0"
    branch hotfix/performance
    commit "优化加载速度"
    commit "减少内存泄漏"
    checkout main
    merge hotfix/performance tag: "v1.0.1"

速查表

下一步

掌握 Git 图后，您可以继续学习其他 Mermaid 图表类型，或查看我们的 Mermaid 图表速查表 获取完整的语法参考。

如果您想在 MermZen 中尝试上述代码，可以点击 在线编辑器，然后将代码粘贴进去。