Mermaid Git グラフのチートシート

ブランチの履歴を、描いてみたもの。

このページのすべての図はMernyx（macOS 向けネイティブ Mermaid エディタ）が描いたものです。ブラウザで動く Mermaid.js ではなく、App のキャンバスで使うのと同じレンダラーです。

コミット

コミットは 1 本の線で、置いたブランチ上に乗ります。

gitGraph
    commit
    commit
    commit

branch がブランチを始め、checkout は以前いたブランチに戻ります。

gitGraph
    commit
    branch develop
    commit
    checkout main
    commit

merge はブランチを、今いるブランチのほうに折り込みます。

gitGraph
    commit
    branch feature
    commit
    checkout main
    merge feature

タグは commit キーワードのあとに、引用符で囲んで書きます。

gitGraph
    commit tag: "v1.0"
    commit tag: "v1.1"

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。