专栏首页GitHubDailyGitHub Star 过万,这款神器必须安利!

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

本文分享自微信公众号 - GitHubDaily(GitHubDaily),作者:小 G

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 哈哈哈,这个教人写出烂代码的项目在 GitHub 上火了...

    如果说到什么是好代码,我们肯定都能说出一堆规则,例如使用一致的格式和缩进、使用清晰的变量名和方法名、在必要时提供文档与注释、不要过度精简代码等等。

    GitHubDaily
  • 超酷炫!5 款图像工具瞬间提高代码逼格!

    平时我们使用着漂亮的 IDE,编译器里的代码颜色丰富、支持高亮,但其实对外分享的时候,比如公众号、微博、Twitter 等社交平台,大部分都不支持代码排版,看代...

    GitHubDaily
  • 盘点那些改变世界的代码

    这个按钮奏效了,甚至有点超乎想象。到 2012 年,「赞」这个按钮已经有了超过 1 万亿次的点击。但它也产生了副作用。我们发布一张照片后,会坐立不安地刷新页面,...

    GitHubDaily
  • flume与logstash对比

    没找到这篇文章的原文 ? ? ? ?

    Albert陈凯
  • 《编写高质量代码》学习笔记(1)

    前言 看大神推荐的书单中入门有这么一本书,所以决定把这本书的精华(自认为很有用的点),或许是我自己现在能用到的点都提炼出来,供大家参考学习。 以下内容均出自《...

    我没有三颗心脏
  • 如何保护您的服务器免受脏COW Linux漏洞

    2016年10月19日,披露了Linux内核中的权限提升漏洞。该漏洞被昵称为Dirty COW,因为底层问题是内核处理写时复制(COW)的方式。Dirty CO...

    一步
  • 共享网页聊天室的设计与实现

    ? 系统概述 技术结构 webpack 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当...

    lonelydawn
  • [译] 理解 CORS

    当你看到这个信息,就意味着响应失败了;但你依然能在浏览器开发工具的网络 tab 里看到返回数据 -- 这是什么情况呢?

    江米小枣
  • 快速学习-无状态登录原理

    有状态服务,即服务端需要记录每次会话的客户端信息,从而识别客户端身份,根据用户身份进行请求的处理,典型的设计如tomcat中的session。

    cwl_java
  • 「不再作恶」:谷歌决定 2019 年后退出军事项目Project Maven

    机器之心

扫码关注云+社区

领取腾讯云代金券