您的位置:首页 > 编程语言

一个浏览 GitHub 文件的神操作!

2019-02-28 21:18 405 查看


阅读本文大概需要 5 分钟。

嗨,大家好,我是年轻的小编——&herongwei,今天是我在这个公众号上发的第一篇文章。请大家指教!




我们都知道,GitHub 上可以查看某个文件的历史修改记录。一般我们的做法是在命令行里通过 Git 命令来查看,有的人习惯直接在 GitHub 点击该文件的 History 查看 commit 历史记录。今天在twitter上看到有人分享一个一个新方法(https://twitter.com/pomber/status/1092827841509707778),这种方法可以在浏览器里直接浏览任意 GitHub 文件的历史,而且还是以动画的形式,简直不能太 6 。



1


首先,我这里以自己 GitHub 仓库的一个文件为例子,下图表示的用泰勒展开式计算圆周率 Pi 的代码。

原文地址

https://github.com/rongweihe/CS_Offer/blob/master/GetPi.cpp



2


重点来了!

  • 首先我们把第一步的 URL 中的 https://github.com/ 替换成 

    https://github-history.netlify.com/,URL的其它部分保持不变。

  • 然后按下回车键,我们就到到另一个站点,如下所示:



网页上显示了该文件的具体内容,包括最新和历史的版本,还有当初 contributor 提交的 commit 以及日期!


这样一对比,是不是比我们平常使用 Git 命令 或者在 GitHub 上点击 History 查看文件历史记录好多了,既形象又生动。好像一个时间机器。我们只需要用鼠标点击最上层 contributor 的头像就,就可以看具体日期历史版本的具体内容和提交信息。



3


然后在浏览历史版本的过程中,你会发现,代码变更居然是动画,简直了。当我们用鼠标滑轮前后滚动时,网页上的内容就像播放视频一样滚动起来,为了给大家看到实际效果,这里做了两个 GIF 图,分别是鼠标点击滑动和滚轮滑动的效果。


鼠标点击滑动效果



滚轮滑动的效果



有没有感觉这波操作真的很帅,用这个神器来查看代码变更过程,是不是很爽,最后祝大家玩的愉快 :P



小编个人介绍

昵称:herongwei

职业:BJTU 研究生,研究方向:组合优化,强化学习

关键字:Linux,C/C++,ML,Qt,Python,ACM

个人博客:https://rongweihe.github.io/

GitHub:https://github.com/rongweihe

Email:rongweihe1995@gmail.com

兴趣爱好:读书,撸代码,跑步

座右铭:学习是一条令人时而喜极若狂、时而郁郁寡欢的道路。

好看你就点一点  

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: