Mermaid流程图绘制Git图时如何将分支、HEAD指针放在节点上下方

不需要修改Mermaid全局配置，靠调整连线方向+少量布局控制就能实现效果，核心逻辑是打破Mermaid默认的同层级判定规则：

• 原写法里指针（HEAD/main/dev）和提交节点用无方向的横向点线连接，布局引擎会把二者判定为同一纵向层级，自然会排在同一行。只要给指针和对应提交节点的连线显式指定垂直方向，就能让引擎自动把指针放到提交节点的上方/下方。
• 如果自动排布出现偏移，添加无文本、无边框填充的隐形占位节点做锚点，就能把指针牢牢固定在对应提交节点的正上/正下方，不会和其他提交节点错位。隐形节点写法为占位节点ID( )，添加样式style 占位节点ID fill:none,stroke:none即可完全隐藏。

调整后的可直接运行的示例代码如下：

flowchart RL;
  %% 原有提交链逻辑完全保留
  1((e137e9))
  3((9817e0))-->1
  4((ae3e0f))-->3
  5((a1fbcd))-->3
  52((86d91f))-->5
  6((711a58))-->52
  idHead((e2d9e6))-->6
  idHead-->4

  %% 指针改为纵向点线连接，显式声明在提交节点上方
  idHead -. up .-> id2(main)
  id2(main) -. up .-> id1(HEAD)
  6 -. up .-> id3(dev)

  %% 原有指针样式保留
  style id1 fill:#b8dbbc,stroke:#333,stroke-width:1px
  style id2 fill:#f96,stroke:#333,stroke-width:1px
  style id3 fill:#f90,stroke:#333,stroke-width:1px
  style idHead fill:#b8dbbc

如果需要把指针放到提交节点下方，只需要把连线里的up替换为down即可。如果指针和提交节点的间距不符合预期，可以给对应连线加linkStyle手动调整长度，比如给main和HEAD的连线加linkStyle 7 length:25就能拉大二者的垂直间距，完全匹配需要的展示效果。

内容的提问来源于stack exchange，提问作者Joaquín