Git可视化革命：3分钟学会用Mermaid+AI画专业分支图

本文来自「大千AI助手」技术实战系列，专注用真话讲技术，拒绝过度包装。

• • Mermaid类图能在Markdown中直接创建专业图表，无需切换工具！

• • 最重要的是这种声明式语法，可直接用提示词让各种大模型输出相关专业图表。

随着大模型能力越来越强大，Mermaid也迎来了快速发展，相信未来Mermaid会支持更多的可视化图表，也会成为大模型输出可视化的完美搭档。
从现在Markdown的地位看，Mermaid在人工智能中必有一席之地。

往期文章推荐:

• 20.vscode常用快捷命令和插件
• 19.AI制图新纪元：3分钟用Mermaid画出专业类图
• 18.3分钟搞定数据可视化：Mermaid饼图终极指南
• 17.5分钟玩转Swagger UI：Docker部署+静态化实战
• 16.记录下blog的成长过程
• 15.再说一说LangChain Runnable接口
• 14.Docker实战：5分钟搞定MySQL容器化部署与最佳实践
• 13.Ollama模板全解析：从基础语法到高级应用实战
• 12.Ollama完全指南：从零开始玩转本地大模型部署
• 11.django中如何解析content-type=application/json的请求
• 10.实测DeepSeek分词机制：你的输入如何变成计费Token？
• 9.英语分词进化论：BPE相关论文汇总
• 8.硬核实战 | 3分钟Docker部署ClickHouse列存数据库
• 7.技术深解 | DeepSeek-R1-0528训练参数全透视：163K上下文与MoE高效架构的基石
• 6.DeepSeek最新升级实测：推理能力翻倍，但离世界顶尖还有多远？
• 5.血泪教训！Redis默认配置竟会导致数据丢失？Docker生产部署指南
• 4.Function Call：大模型如何突破自身局限“使用工具“
• 3.DeepSeek动手实践：创建一个自动连点器
• 2.告别无效提示！使用少样本学习让AI秒懂你的需求
• 1.解密PromptTemplate：为什么说它是AI时代的Jinja模板？

为什么AI会爱上Mermaid？

1. 1. 零学习成本：自然语言直接生成图表代码

2. 2. 无缝集成：ChatGPT/Claude/DeepSeek等主流AI原生支持

3. 3. 动态可调：生成的代码可人工二次优化

mermaid-gitgraph图

• • 通过关键词gitGraph标识为画git分支图

关键术语

• • 默认为main分支

• • commit - 一次git提交

  • • 设置commit id

    • • 默认随机生成commit id

    • • 可自定义commit id - commit id: "<custom-commit-id>"

      • • 注意custom-commit-id需要被" "引用

  • • 设置tag

    • • 可自定义tag - commit tag: "<custom-tag-name>"

• • branch <branch-name> - 创建分支branch-name并切换到该分支

• • checkout <branch-name> - 切换到分支branch-name

  • • 切换前需要先创建对应分支

• • merge <branch-name> - 合并分支branch-name到当前分支

示例

• • 渲染代码块
  ```mermaid
  gitGraph
  commit id: "hahaha"
  commit
  branch develop
  checkout develop
  commit
  commit
  checkout main
  merge develop
  commit
  commit
  ```

• • 可视化结果

参考

• • http://mermaid.js.org/syntax/gitgraph.html

本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！