GitHub Star 过万，这款神器必须安利！

‍大家好，我是小 G。

今天跟大家推荐一款开源神器，用上后，保证绝对大幅度提升你的 GitHub 使用体验。

这款工具名叫 Git History，是来自阿根廷的一位开发者 Rodrigo Pombo 所开发，自 2019 年年初上线以来，已在 GitHub 上累积接近 12000 Star。

从上面示例我们可以清楚看到，Git History 主要作用，是让你能快速查看 GitHub 查看文件的 Git 历史。而要做到这一切，只需将仓库域名中的 github.com 替换为 github.githistory.xyz 即可。‍

除了 GitHub 之外，该工具还 GitLab、Bitbucket 等知名的源码托管平台。

如果你不想每次都手动替换链接，也可以安装作者提供的 Chrome、Firefox 等浏览器插件来一键切换。

如果说，你连插件都懒得装，也可以直接用作者提供的 bookmarklet 代码。

部分非前端出身的水友，可能对 bookmarklet 不太熟悉，这里顺道跟大家简单科普下。

bookmarklet，亦称小书签，是一种微型 Web 应用，开发者通过将代码（通常是 JavaScript）存入浏览器书签，以构建出一个完整的小应用。

当开发者成功将代码保存进书签后，每次点击书签，代码便会自动运行。

借助这个功能，我们便可以用它来写一些比较简单的 Web 应用，如给当前页面新增组件、导出网页数据、弹出提示框等基础功能。

由于 bookmarklet 不是本章要讲述的重点，感兴趣的同学，可看下阮一峰老师之前写的这篇教程：

http://www.ruanyifeng.com/blog/2011/06/a_guide_for_writing_bookmarklet.html

说白了，创建一个 bookm‍arklet‍，主要通过以下几步来完成‍：

1. 编写适用于当前浏览器的 JavaScript 代码；
2. 将该代码进行转义，并存入书签；
3. 打开书签，运行代码。

对这块有兴趣的同学，想自己做一个的同学，小 G 给你们介绍个工具，可帮你快速将代码合成链接书签。

具体使用流程如下：

工具地址：

https://mrcoles.com/bookmarklet/

现在，我们回到刚刚那个话题：如何为 Git History 创建一个 bookmarklet？

作者很贴心的给出了相应的 JavaScript 代码，你只需要用上面那款 bookmarklet 转化工具，结合下方代码，即可快速完成。‍

javascript: (function() {

  var url = window.location.href;

  var regEx = /^(https?\:\/\/)(www\.)?(github|gitlab|bitbucket)\.(com|org)\/(.*)$/i;

  if (regEx.test(url)) {

    url = url.replace(regEx, "$1$3.githistory.xyz/$5");

    window.open(url, "_blank");

  } else {

    alert("Not a Git File URL");

  }

})();

到这一步，相信你应该学会这款工具的基本使用与配置了。

如果你平时觉得 GitHub 提供的 History 功能不太好用，那么建议你试下这款工具。

最后，再次附上该项目的 GitHub 地址，感兴趣的同学可以看下：

https://github.com/pomber/git-history