[英]How to get the full github.com visualization of the /network of a repo
编辑:这应该是送给我母亲的礼物,如果必须的话,我会拖放它并将一堆屏幕打印拼接在一起......但是资源必须存在于网站上的某个地方。 我相信至少这个网站上有人知道如何做到这一点。
编辑:所以我进一步研究了这个,发现如果你把 /meta 放在 .network 之后,你会得到一个 JSON。另外 /chunk 在页面源代码中,但是在加载 /chunk 之后,/chunk 或 /meta 都不再为我加载. 我只想要一张图片中的整个图表,这要求太多了吗?
在 github 中的 repo URL 的末尾添加 .network 让我得到了这样的图像
您可以单击并左右拖动它,但对于我来说,一次只能显示一小段内容。
是否有任何工具可以在一个图像文件中生成整个网络图?
我不想要图表的一部分,我想查看整个图表。 我在另一个问题中看到了http://gitup.co/ ,但它似乎仅适用于 OS X。 linux 或微软解决方案适合我。
谢谢
这也困扰着我。 我想在 GitHub 上看到这个,而不导出任何 JSON。 例如,在任何 GitHub“网络”页面上,在 Firefox
或 Chrome 的
JS 控制台中:
(可选)取消缩放视图( cmd
/ ctrl
+ scroll
)
在 JS 控制台中执行( cmd+opt+k
或ctr+alt+k
):
document.getElementById("network").style="width:20000px"; window.dispatchEvent(new Event("resize"))
笔记:
有同样的愿望,给自己做了一个 gitgraphjs 的在线脚本......
我刚刚(再次)遇到这个问题,终于找到了一个不错的解决方案
这是带有以下代码的要点: https : //gist.github.com/DinisCruz/6866dede5cdff60d97790a14490f7844
function hide(selector) { $(selector).setAttribute('style','display:none')}
function remove(selector) { $(selector).remove()}
function remove_class(selector) { $(selector).setAttribute('class','')}
function move_left(count)
{
var eventObj = document.createEvent("Events");
eventObj.initEvent("keydown", true, true);
eventObj.which = 37; // left key
for (i=0; i < count ; i++) {
document.dispatchEvent(eventObj);
}
}
function resize_canvas(width)
{
document.getElementById("network").style="width:" + width; window.dispatchEvent(new Event("resize"))
}
remove('.pagehead')
remove('.js-header-wrapper')
remove('.menu')
remove('.Subhead')
remove('.info')
remove('.btn-link')
remove('.footer')
remove_class('.container-lg')
// Note: they updated this class name from .p4-4 to .pb-4
remove_class('.pb-4')
resize_canvas('2150px')
move_left(14)
相关推特线程(显示一些示例): https : //twitter.com/DinisCruz/status/1171411025570275329
https://github.com/esc/git-big-picture似乎做得很好。
您需要下载GraphViz并将其放入path
。 您还需要 python 在path
可用。
$ set PATH=%PATH%;C:\GraphViz\release\bin
$ git clone git@github.com:esc/git-big-picture.git
$ cd git-big-picture
$ python git-big-picture -h
$ python git-big-picture -f png -o out.png -b # branches - look
我的答案不是创建图像作为输出; 但它可能对那些想要有用的网络图的人有所帮助。
我为 GitHub 网络页面编写了一个用户脚本: https : //github.com/maliayas/github-network-ninja
基本上它提供:
除了使用 github 进行网络洞察之外,还有其他工具可用。
解决方案 1:git log --graph --all 解决方案 2:git kraken 解决方案 3:git gui
为了使所有解决方案都能工作,有必要将每个 fork 添加为远程 git remote add fork1 url git remote add fork2 url
等等,一个自动添加所有像这样的分叉/存储库的过程的工具会很有用。
然后执行 git fetch fork1 git fetch fork2 git fetch fork3 etc 和一个可以生成这样的批处理文件的工具会很方便虽然我相信 git kraken 可以自动获取所有遥控器
一旦添加了所有遥控器/叉子,所有 3 个解决方案将呈现所有添加的叉子的图形,尽管它是水平的。
到目前为止,最有效的 github 解决方案是这个:
https://github.com/maliayas/github-network-ninja
还没有变焦? 但它确实使框全屏!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.