我刚刚编写了一个工具，它可以使用HTML/Ccanvas生成一个漂亮的Git提交图。

并提供一个jQuery插件，使其易于使用。

[GitHub]https://github.com/tclh123/commits-graph

预览：

git forest是一个优秀的Perl脚本，我已经使用了一年多，我几乎不再直接使用git log命令。

以下是我喜欢这个剧本的一些地方：

它使用Unicode字符在图形中绘制线条，使图形线条看起来更加连续。您可以将--reverse与图形输出相结合，这在常规gitlog命令中是不可能的。它在内部使用gitlog获取提交列表，因此传递给gitlog的所有选项也可以传递给该脚本。

我有一个使用git forest的别名，如下所示：

[alias]
tree = "forest --pretty=format:\"%C(red)%h %C(magenta)(%ar) %C(blue)%an %C(reset)%s\" --style=15 --reverse"

这是终端输出的外观：

文件~/.oh-my-zsh/plugins/git/git.plugin.zsh中的一些别名：

gke='\gitk --all $(git log -g --pretty=%h)'
glg='git log --stat'
glgg='git log --graph'
glgga='git log --graph --decorate --all'
glgm='git log --graph --max-count=10'
glgp='git log --stat -p'
glo='git log --oneline --decorate'
glog='git log --oneline --decorate --graph'
gloga='git log --oneline --decorate --graph --all'
glol='git log --graph --pretty='\''%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset'\'' --abbrev-commit'
glola='git log --graph --pretty='\''%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset'\'' --abbrev-commit --all'

Gitgraph.js允许在没有存储库的情况下绘制漂亮的Git分支。只需编写一个JavaScript代码来配置分支和提交并在浏览器中呈现。交互式文档可用。

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);

或使用地铁模板：

或者使用提交消息、作者和标签：

用JSFiddle测试它。

通过@bsara使用GitGraper生成它。

gitdags构建在TikZ&PGF之上，是一个小型LaTeX包，它允许您轻松地生成矢量图形提交图等。

自动生成现有存储库的提交图不是gitdags的目的；它生成的图形仅用于教育目的。

我经常使用它为Git问题的答案生成图形，作为ASCII提交图形的替代：

如何在master上执行错误修复并将其集成到不太稳定的分支中？git是如何提交修改工作的？为什么在我运行“Git checkout origin/<branch>”后，Git会告诉我“当前不在任何分支”？将主分支合并到分支和将分支合并到主分支之间有什么区别？Git rebase--保留合并失败

下面是这样一个图表的示例，演示了简单的重新设置基础的效果：

\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}

尝试gitk或gitk——全部。但是，它没有打印/保存img功能。