Hübsche Git-Zweigdiagramme

Question

Ich habe gesehen, dass einige Bücher und Artikel wirklich hübsche Diagramme von Git-Zweigen und -Übertragungen enthalten. Wie kann ich qualitativ hochwertige, druckbare Bilder des Git-Verlaufs erstellen?

Answer 1

Update 2: Ich habe eine verbesserte Version dieser Antwort in die Visualisierung der Zweigtopologie in Git Frage, da sie dort viel besser aufgehoben ist. Diese Version enthält lg3 die sowohl den Autor als auch den Committer anzeigt, also sollten Sie sich das unbedingt ansehen. Ich hinterlasse diese Antwort aus historischen Gründen (und aus Gründen der Reputation, wie ich zugeben muss), obwohl ich wirklich versucht bin, sie einfach zu löschen.

Meine zwei Cent : Ich habe zwei Aliasnamen, die ich normalerweise in meinen ~/.gitconfig Datei:

[alias]
lg1 = log --graph --abbrev-commit --decorate --format=format:'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(bold yellow)%d%C(reset)' --all
lg2 = log --graph --abbrev-commit --decorate --format=format:'%C(bold blue)%h%C(reset) - %C(bold cyan)%aD%C(reset) %C(bold green)(%ar)%C(reset)%C(bold yellow)%d%C(reset)%n''          %C(white)%s%C(reset) %C(dim white)- %an%C(reset)' --all
lg = !"git lg1"

git lg / git lg1 sieht so aus:

y git lg2 sieht so aus:

---

_{(Anmerkung: Es gibt inzwischen sehr viel zutreffendere Antworten auf diese Frage, z. B. <a href="https://stackoverflow.com/questions/1057564/pretty-git-branch-graphs/9074343#24107223">Fracz </a>, <a href="https://stackoverflow.com/questions/1057564/pretty-git-branch-graphs/9074343#25468472">Jubobs' </a>o <a href="https://stackoverflow.com/questions/1057564/pretty-git-branch-graphs/9074343#21116867">Harry Lee's </a>!)}

Answer 2

Viele der Antworten hier sind großartig, aber für diejenigen, die nur eine einfache einzeilige Antwort auf den Punkt haben wollen, ohne Aliase oder irgendetwas anderes einrichten zu müssen, hier ist sie:

git log --all --decorate --oneline --graph

Nicht jeder würde eine git log aber wenn Sie sie brauchen, denken Sie einfach daran:

" Ein Hund " = git log -- a II. d ecorate -- o neline -- g raph

Answer 3

Für die textuelle Ausgabe können Sie es versuchen:

git log --graph --abbrev-commit --decorate --date=relative --all

Oder:

git log --graph --oneline --decorate --all

Oder: hier ist a Graphviz Alias für das Zeichnen der DAG Grafik.

Ich persönlich benutze gitx , gitk --all y gitnub .

Answer 4

Gitgraph.js erlaubt es, hübsche Git-Zweige ohne ein Repository zu zeichnen. Schreiben Sie einfach einen JavaScript-Code, der Ihre Branches und Commits konfiguriert, und stellen Sie ihn im Browser dar. Interaktive Dokumente sind verfügbar.

var gitGraph = new GitGraph({
   template: "blackarrow",
   mode: "compact",
   orientation: "horizontal",
   reverseArrow: true
});

var master = gitGraph.branch("master").commit().commit();
var develop = gitGraph.branch("develop").commit();
master.commit();
develop.commit().commit();
develop.merge(master);

Oder mit metro Vorlage:

Oder mit Commit-Nachrichten, Autoren und Tags:

Testen Sie es mit JSFiddle .

Erzeugen Sie es mit Git Grapher by @bsara.

Answer 5

Aufgebaut auf TikZ & PGF , gitdags ist ein kleines LaTeX-Paket, mit dem Sie mühelos Vektorgrafiken, Diagramme und mehr erstellen können.

Die automatische Generierung des Commit-Graphen eines bestehenden Repositorys ist pas den Zweck der gitdags Die erzeugten Diagramme sind nur für Bildungszwecke .

Ich verwende es oft, um Diagramme für meine Antworten auf Git-Fragen zu erstellen, als Alternative zu ASCII-Commit-Diagrammen:

• Wie kann ich einen Bugfix auf Master machen und ihn in meine weniger stabile(n) Verzweigung(en) integrieren?
• Wie funktioniert git commit --amend genau?
• Warum sagt mir Git nach der Ausführung von "git checkout origin/<branch>" "Derzeit kein Zweig"?
• Was ist der Unterschied zwischen dem Zusammenführen von Master und Branch und dem Zusammenführen von Branch und Master?
• Git rebase --preserve-merges schlägt fehl

Hier ist ein Beispiel für ein solches Diagramm, das die Auswirkungen einer einfachen Umbasierung zeigt:

\documentclass{article}

\usepackage{subcaption}
\usepackage{gitdags}

\begin{document}

\begin{figure}
  \begin{subfigure}[b]{\textwidth}
    \centering
    \begin{tikzpicture}
      % Commit DAG
      \gitDAG[grow right sep = 2em]{
        A -- B -- { 
          C,
          D -- E,
        }
      };
      % Tag reference
      \gittag
        [v0p1]       % node name
        {v0.1}       % node text
        {above=of A} % node placement
        {A}          % target
      % Remote branch
      \gitremotebranch
        [origmaster]    % node name
        {origin/master} % node text
        {above=of C}    % node placement
        {C}             % target
      % Branch
      \gitbranch
        {master}     % node name and text 
        {above=of E} % node placement
        {E}          % target
      % HEAD reference
      \gitHEAD
        {above=of master} % node placement
        {master}          % target
    \end{tikzpicture}
    \subcaption{Before\ldots}
  \end{subfigure}

  \begin{subfigure}[b]{\textwidth}
    \centering
    \begin{tikzpicture}
      \gitDAG[grow right sep = 2em]{
        A -- B -- { 
          C -- D' -- E',
          {[nodes=unreachable] D -- E },
        }
      };
      % Tag reference
      \gittag
        [v0p1]       % node name
        {v0.1}       % node text
        {above=of A} % node placement
        {A}          % target
      % Remote branch
      \gitremotebranch
        [origmaster]    % node name
        {origin/master} % node text
        {above=of C}    % node placement
        {C}             % target
      % Branch
      \gitbranch
        {master}      % node name and text 
        {above=of E'} % node placement
        {E'}          % target
      % HEAD reference
      \gitHEAD
        {above=of master} % node placement
        {master}          % target
    \end{tikzpicture}
    \subcaption{\ldots{} and after \texttt{git rebase origin/master}}
  \end{subfigure}
  \caption{Demonstrating a typical \texttt{rebase}}
\end{figure}

\end{document}