漂亮的Git分支图

我见过一些书籍和文章中有一些非常漂亮的Git分支和提交的图表。如何制作Git历史的高质量可打印图像？

当前回答

如果您的存储库位于GitLab上，您可以使用它的图形表示，因为它在浏览器中呈现为SVG。

转到存储库的图形视图，例如。，https://gitlab.com/gitlab-org/gitter/webapp/network/develop将图形向下滚动到底部（它会延迟加载提交！）使用浏览器的检查器将SVG元素复制到新文件在您选择的渲染器中打开它，例如Inkscape

其他回答

这里是我的社区别名：gitls。使用gitls，您可以查看图形，每次提交只覆盖一行。一切都是彩色的，并带有有用的信息。您还可以检查其他分支上的提交历史记录：

git config --global alias.ls '!f() { git log $1 --pretty=format:"%C(yellow)%h%Cred%d\\ %Creset%s%Cgreen\\ [%ae,%ar]" --decorate --graph; }; f'

用法：

# shows commits graph on the current branch
git ls

# shows commits graph on the develop branch
git ls develop

以下是图表视图：

我不知道有什么直接的工具，但也许你可以破解一个脚本，将数据导出为点格式，并用Graphviz渲染。

我编写了一个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（工具）

如果您的存储库位于GitLab上，您可以使用它的图形表示，因为它在浏览器中呈现为SVG。

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"

这是终端输出的外观：

推荐文章