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

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

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

预览：

我在~/.gitconfig中有这个git日志别名来查看图形历史：

[alias]
l = log --all --graph --pretty=format:'%C(auto)%h%C(auto)%d %s %C(dim white)(%aN, %ar)'

有了这一点，git l将输出如下内容：

在Git2.12+中，您甚至可以使用log.graphColors配置选项自定义图形的线条颜色。

至于日志的格式，它类似于--oneline，添加了作者名（尊重.mailmap）和相对作者日期。请注意，在Git>=1.8.3中支持%C（auto）语法，告诉Git使用提交散列等的默认颜色。

我编写了一个web工具，用于将Git日志转换为漂亮的SVG图形：

Bit Booster-离线提交图形绘制工具

将git-log的输出--prey='%h|%p|%d'直接上载到工具中，然后单击“download-grap.svg”链接。

该工具是纯客户端的，因此您的Git数据不会与我的服务器共享。您还可以在本地保存HTML+JavaScript，并使用“file:///”URL运行它。它在Ubuntu 12.04（精确穿山甲）上的Chrome 48和Firefox 43上进行了验证。

它生成的HTML可以直接发布到任何页面（包括blogspot博客引擎！）。看看这里的一些博客帖子：

http://bit-booster.blogspot.ca/

下面是该工具生成的示例HTML文件的屏幕截图：

http://bit-booster.com/graph.html（工具）

Visual Studio代码有一个惊人的扩展-Git Graph：

基于我在回答相关问题时发现的Graphviz脚本，我黑了一个Ruby脚本，该脚本创建了Git存储库的摘要视图。它消除了所有的线性历史，只显示“有趣的”提交，即那些有多个父母、多个子女或由分支或标记指向的提交。下面是它为jQuery生成的图形片段：

git big picture和BranchMaster是类似的工具，它们试图通过仅显示标记、分支、合并等的关联方式，仅显示图形的高级结构。

这个问题还有其他选择。

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"

这是终端输出的外观：