这 10 款插件让你的 GitHub 更好用、更有趣

左手的ㄟ右手 2021-07-31 22:38 442阅读 0赞

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

原文：点击底部「阅读原文」

前几天推荐了两个Github项目：

## October ##

octotree 可以说是我用过最好的 GitHub 插件了，因此我把它放在首位，给大家推荐一下。

平时你在使用 GitHub 浏览项目代码的时候，有没有总觉得不太方便，因为每次点击一个项目文件后，整个项目文件列表就会被隐藏，想查看其它文件只能回退后再次进入。

octotree 就很好的解决了这个问题，它在 GitHub 页面的左侧上方添加了一个按钮，点击后会展开一个菜单，显示当前项目的整个文件夹结构。你可以浏览或下载单个源文件。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

## refined-github ##

如果你在使用 GitHub 的过程中，有较强的不适感，那么可以尝试安装下 refined-github 这个插件，它主要针对 GitHub 进行了优化，添加了非常多强大的功能，之前该插件加入的一些功能也被 GitHub 官方添加到了 Feature，正式应用到生产环境了。下面举几个例子跟大家说下这个插件都拥有哪些功能。

将 PR 和 issue 设为未读状态![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 2]

优化评论区的交互，增加互动用户的头像![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 3]

为已关闭 issue 相关的 commit 和 PR 添加链接![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 4]

在 404 页面添加项目相关的可点击链接![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 5]

以后有机会我再抽空单独对该项目写一篇文章，敬请关注。

## Octohint ##

我们经常会遇到这样一种情况，在 GitHub 浏览代码时，想查看一个变量或函数名的定义，只能通过快捷键 `command + f`来查看，很不方便，于是就有人做了 octohint 这个插件。

这个插件的作用是当我们使用 GitHub 浏览代码时，默认会加入参数属性提示、变量名高亮等功能。这样我们就可以愉快的浏览代码啦。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 6]

## github-dashboard ##

现在的 GitHub 首页经过几次改版之后，已经与之前大不相同了，信息要比之前的丰富很多。github-dashboard 这个插件能帮你很好过滤与筛选信息。

目前我用的比较多的功能，主要是过滤其他人 Star 或 Fork 我的开源项目所产生的动态，如果你开源的项目比较多，或在某段时间 Star 上涨比较快，那么这些次要信息就可能对你产生较大干扰，这时借助这个插件就可以很轻松的过滤掉。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 7]

## isometric-contributions ##

这个插件的 Star 数在当前这个推荐列表中算高的了，主要原因还是因此这个插件比较有趣，它可以把你的 GitHub Commit 转化为 3D 模式进行显示，让你的提交记录看起来更加直观与生动。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 8]

## notifier-for-github ##

如果你使用 GitHub 进行协作的频率比较高，那么你可以装下 notifier-for-github 这个插件，它的主要作用是在插件栏显示 GitHub 未读消息数，同时也支持桌面通知，让你第一时间可以知道 GitHub 上是否来事儿了?

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 9]

## OctoLinker ##

在你使用 GitHub 浏览代码的时候，会不会常常想，如果它有像 IDE 一样的自动链接跳转功能就好了，这款插件如你所愿，它可以帮助开发者在浏览代码时进行更高效的代码链接跳转。

![640?wx\_fmt=gif][640_wx_fmt_gif]

## github-hovercard ##

这个插件增强了 GitHub 的交互体验，在你查看头像、issue、repo 都时候都会弹出一个悬浮卡片，用以显示更多信息，十分方便。

这个插件我在很久之前装过，后面因为页面交互的地方太多而分散了注意力，我就把这个插件卸载了。但就今天看来，这个插件的功能与交互体验比起之前已经完善不少，各位还是可以安装体验一下的。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 10]

## GitHub-userscripts ##

这个项目汇集了许多与 GitHub 相关的用户脚本，Chrome 上需配合 Tampermonkey 使用。

下面举例说下这个项目中我认为比较有用的几个脚本：

代码颜色标识![640?wx\_fmt=gif][640_wx_fmt_gif 1]

图片预览![640?wx\_fmt=gif][640_wx_fmt_gif 2]

自动生成目录![640?wx\_fmt=gif][640_wx_fmt_gif 3]

## github-file-icon ##

我还记得之前刚开始用 Atom 编辑器的时候，最喜欢的就是它那酷炫的界面，每次打开总能看到左侧那排漂亮的文件图标，让人赏心悦目。

如果你装了 github-file-icon 这个插件，那么在使用 GitHub 的时候也能享受到 Atom 的那种体验，它会自动根据 GitHub 项目文件类型自动替换文件图标，让文件看起来更加直观形象。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 11]

--------------------

插件可以直接登陆插件商店搜索安装，如果你觉得这篇文章对你有帮助，也欢迎转发到朋友圈，给个好看，谢谢~

**本文首发自「GitHubDaily」，欢迎点击阅读原文关注，获取更多GitHub相关博文。**

**推****荐****阅****读**

***1.***

***2. ***

***3.***

***4.***

![640?][640]

[640_wx_fmt_jpeg]: /images/20210731/da6005cc4e434250a9b491afa4e83df8.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 1]: /images/20210731/56c909bd6d5f4c00a438cc7bdef4fcae.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 2]: /images/20210731/33415bc76c964a4aa6f27b2b61843a9b.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 3]: /images/20210731/1930d3c05fe2440d9bc01034e2cdd245.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 4]: /images/20210731/2adaa58faf41427685f4cdc6ee54a422.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 5]: /images/20210731/4c3fa8eedaa1421c8b132449179057ef.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 6]: /images/20210731/0d102b47f3424ea7ad60091987ffe815.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 7]: /images/20210731/9cb135e5005b4774a44086e522ed644f.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 8]: /images/20210731/60644898d0204f5e863b869fcf455c30.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 9]: /images/20210731/c47fcc887d4c4be7a712d92b46a856b8.png?wx_fmt=jpeg
[640_wx_fmt_gif]: /images/20210731/968be19dbbd9418a9059acaf08a786e5.png?wx_fmt=gif
[640_wx_fmt_jpeg 10]: /images/20210731/c3ccd2ba00f04130af16908a0809d7b6.png?wx_fmt=jpeg
[640_wx_fmt_gif 1]: /images/20210731/ec922910a161451f9d27627665d22987.png?wx_fmt=gif
[640_wx_fmt_gif 2]: /images/20210731/d1d62fdcaea5484495485f9398f75112.png?wx_fmt=gif
[640_wx_fmt_gif 3]: /images/20210731/ad205ff20bb14cd0aa5597b8aab82e3c.png?wx_fmt=gif
[640_wx_fmt_jpeg 11]: /images/20210731/bc3aa906b5cf4397881900d44bd8cbe3.png?wx_fmt=jpeg
[640]: /images/20210731/ba5552ea6ffd4a9cb06f19a45ac6d878.png?