使用gitgraph管理现有的git项目

Question

我想以图形方式查看我的git项目提交记录，所以我从gitgraphjs.com下载了GitGraph.js包。

如何使用GitGraph.js以图形方式查看我的存储库？

- Sri

---

不是“gitgraph”，但我从来不需要更多的东西，只需要“图形化”的日志命令行输出（我认为非常好）- 你试过了吗：git log --graph --all --decorate --oneline。使用上/下/左/右箭头进行导航...（这个命令有点长，但你可以给它取一个别名）。 - code_fodder

我看过这个，但没有你提供的所有选项。我会尝试一下。感谢你的所有建议。 - Sri

Answer 1

Gitgraph.js是一个简单的JavaScript库，旨在帮助您以可视化的方式呈现git分支结构，例如git工作流程、复杂的git命令或您心中的任何git树形结构。

这意味着您不能使用gitgraph表示实际存储库。它仅用于解释git概念。

您可以尝试使用sourcetree或其他git图形用户界面程序。

- Francesco

---

显然，他可以使用库来可视化他的存储库，只是他必须编写查看他的存储库并以正确方式调用库的所有代码。 - Lasse V. Karlsen

Answer 2

我建议使用git log --oneline --graph --all。这是一个非常好的可视化工具，附带在git CLI中。

- Code-Apprentice

Answer 3

我目前正在开发一个私有仓库服务器，并在其中实现了这个功能。

由于我尚未开源该项目，因此我创建了一个名为real-gitgraph的github仓库，其中包含核心功能。它是用php编写的，并使用git log获取提交和标签信息。

---

你只需要引入 real-gitgraph.php 和 gitgraph.js 文件：

<!-- include the tool / library -->
<?php include 'real-gitgraph.php'; ?>

<!-- include gitgraph.js -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@gitgraph/js"></script>

如果您想显示位于$repoDirectory的存储库的图形，您需要执行以下操作：

<!-- Draw the GitGraph -->
<div id="graph-container"></div>
<script><?php echo gitGraphJS($repoDirectory); ?></script>

GitHub: finnmglas/real-gitgraph

GitHub: finnmglas/real-gitgraph

---

这个存储库仍存在一些问题，目前（截至2020年7月17日），它可以：

• 绘制主分支上的所有提交的图形
• 显示提交消息和哈希（作为水平图的工具提示）
• 显示版本标签（请参见下面的屏幕截图）

---

一个使用包含的example.php脚本生成的git图示例：

（注意：您可以使用real-gitgraph.php中的模板轻松自定义图形设计）

---

我花了相当长的时间来设置这一切，如果你愿意，可以随意贡献 ^^

- finnmglas