![76122a9e21ce14e9c6379a83a039f4fc.png](https://i-blog.csdnimg.cn/blog_migrate/5ee2d281d275effb84a3f698b6a00a74.jpeg)
GitHub 现有的功能已经非常强大,但有时候还是满足不了特别爱折腾的开发者,今天我就给大家分享一下,其它开发者针对 GitHub 开发的 10 款 Chrome 插件,保证装上之后让你的 GitHub 更好用、更有趣。
你也可以直接关注公众号 GitHubDaily 并回复关键词「插件」查看所有下载链接。
October
octotree 可以说是我用过最好的 GitHub 插件了,因此我把它放在首位,给大家推荐一下。
平时你在使用 GitHub 浏览项目代码的时候,有没有总觉得不太方便,因为每次点击一个项目文件后,整个项目文件列表就会被隐藏,想查看其它文件只能回退后再次进入。
octotree 就很好的解决了这个问题,它在 GitHub 页面的左侧上方添加了一个按钮,点击后会展开一个菜单,显示当前项目的整个文件夹结构。你可以浏览或下载单个源文件。
GitHub:ovity/octotree
![e950a5b1188b1a5d5c5ef6eebc4841ca.png](https://i-blog.csdnimg.cn/blog_migrate/4c113f83e346eefdb6a8e8793aa509cb.jpeg)
refined-github
如果你在使用 GitHub 的过程中,有较强的不适感,那么可以尝试安装下 refined-github 这个插件,它主要针对 GitHub 进行了优化,添加了非常多强大的功能,之前该插件加入的一些功能也被 GitHub 官方添加到了 Feature,正式应用到生产环境了。下面举几个例子跟大家说说这个插件都拥有哪些功能。
GitHub:sindresorhus/refined-github
将 PR 和 issue 设为未读状态
![adf11aff284f218898f3420fc8b175d5.png](https://i-blog.csdnimg.cn/blog_migrate/f7e59ce7d44e12fab860c44e77fc2eb8.jpeg)
优化评论区的交互,增加互动用户的头像
![5629edbfbe202c932ad811bca98bcbff.png](https://i-blog.csdnimg.cn/blog_migrate/64c026ea7001efd0232c2579899a1a90.jpeg)
为已关闭 issue 相关的 commit 和 PR 添加链接
![513e63d251b438ebb8d166243ff3e8d6.png](https://i-blog.csdnimg.cn/blog_migrate/bd97ab4a5fc56e372434bf84ca3a096c.jpeg)
在 404 页面添加项目相关的可点击链接
![ac3213b1ca6507e841b049e9821992ad.png](https://i-blog.csdnimg.cn/blog_migrate/d2664057e8755b306e11bb040618c409.jpeg)
以后有机会我再抽空单独对该项目写一篇文章,敬请关注。
Octohint
我们经常会遇到这样一种情况,在 GitHub 浏览代码时,想查看一个变量或函数名的定义,只能通过快捷键 command + f
来查看,很不方便,于是就有人做了 octohint 这个插件。
这个插件的作用是当我们使用 GitHub 浏览代码时,默认会加入参数属性提示、变量名高亮等功能。这样我们就可以愉快的浏览代码啦。
GitHub:pd4d10/octohint
![a4fb1d8ee2b20f66db8636b779d9effa.png](https://i-blog.csdnimg.cn/blog_migrate/bea67c86ba729d8f6bb04bb028ca2e27.jpeg)
github-dashboard
现在的 GitHub 首页经过几次改版之后,已经与之前大不相同了,信息要比之前的丰富很多。github-dashboard 这个插件能帮你很好过滤与筛选信息。
目前我用的比较多的功能,主要是过滤其他人 Star 或 Fork 我的开源项目所产生的动态,如果你开源的项目比较多,或在某段时间 Star 上涨比较快,那么这些次要信息就可能对你产生较大干扰,这时借助这个插件就可以很轻松的过滤掉。
GitHub:muan/github-dashboard
![ed0c74b4c6570fb883707ac1beea848c.png](https://i-blog.csdnimg.cn/blog_migrate/b97b5b0b7b92f440f899f978c848975f.jpeg)
isometric-contributions
这个插件的 Star 数在当前这个推荐列表中算高的了,主要原因还是因此这个插件比较有趣,它可以把你的 GitHub Commit 转化为 3D 模式进行显示,让你的提交记录看起来更加直观与生动。
GitHub:jasonlong/isometric-contributions
![aa1fe45458090a3bc6f66a32c676c85a.png](https://i-blog.csdnimg.cn/blog_migrate/efe0351ca0cfde9627506c4b3d492e44.jpeg)
notifier-for-github
如果你使用 GitHub 进行协作的频率比较高,那么你可以装下 notifier-for-github 这个插件,它的主要作用是在插件栏显示 GitHub 未读消息数,同时也支持桌面通知,让你第一时间可以知道 GitHub 上是否来事儿了
GitHub:sindresorhus/notifier-for-github
![0cc8ab5948bceeeb95449464d9f7882b.png](https://i-blog.csdnimg.cn/blog_migrate/1b8de984ad26db7c576c765ad487f2f2.jpeg)
OctoLinker
在你使用 GitHub 浏览代码的时候,会不会常常想,如果它有像 IDE 一样的自动链接跳转功能就好了,这款插件如你所愿,它可以帮助开发者在浏览代码时进行更高效的代码链接跳转。
GitHub:OctoLinker/OctoLinker
![b939f06cf05f7ef521b80680f19ab4e1.gif](https://i-blog.csdnimg.cn/blog_migrate/e64e6184fc4fbec9a096923b16cd6d41.gif)
github-hovercard
这个插件增强了 GitHub 的交互体验,在你查看头像、issue、repo 都时候都会弹出一个悬浮卡片,用以显示更多信息,十分方便。
这个插件我在很久之前装过,后面因为页面交互的地方太多而分散了注意力,我就把这个插件卸载了。但就今天看来,这个插件的功能与交互体验比起之前已经完善不少,各位还是可以安装体验一下的。
GitHub:Justineo/github-hovercard
![44e7e20b8f8acaf58c5f025839710958.png](https://i-blog.csdnimg.cn/blog_migrate/0a9eb3081f803b4676fa98fba2e098b6.jpeg)
GitHub-userscripts
这个项目汇集了许多与 GitHub 相关的用户脚本,Chrome 上需配合 Tampermonkey 使用。
GitHub:Mottie/GitHub-userscripts
下面举例说下这个项目中我认为比较有用的几个脚本:
代码颜色标识
![267f7bef563224a327d3fbfb41444761.gif](https://i-blog.csdnimg.cn/blog_migrate/d905ee7880515fa83e8dd1652a80de84.gif)
图片预览
![7b6fd00a7cb7fa1da51b7bae3e8e1a03.gif](https://i-blog.csdnimg.cn/blog_migrate/9f207df3b91501795f9a825d7b7fc039.gif)
自动生成目录
![6b492f4fce5a3a8ac3851b07ca0fd49e.gif](https://i-blog.csdnimg.cn/blog_migrate/86916c95604d12caac2d89b8b5ded979.gif)
github-file-icon
我还记得之前刚开始用 Atom 编辑器的时候,最喜欢的就是它那酷炫的界面,每次打开总能看到左侧那排漂亮的文件图标,让人赏心悦目。
如果你装了 github-file-icon 这个插件,那么在使用 GitHub 的时候也能享受到 Atom 的那种体验,它会自动根据 GitHub 项目文件类型自动替换文件图标,让文件看起来更加直观形象。
GitHub:xxhomey19/github-file-icon
![65faa7cde0fbb01862d7ec8f0c458a3c.png](https://i-blog.csdnimg.cn/blog_migrate/bee5b8703b17848d0b67f92075417043.jpeg)
如果你觉得这篇文章对你有帮助,就点个赞吧~
- 微博:@GitHubDaily
- 知乎:@GitHubDaily
- 公众号:GitHubDaily