4 款 Chrome 插件推荐:增强 GitHub 使用体验

简介:

GitHub是世界知名的代码托管网站,在中国也有相当多的项目托管在GitHub,给广大程序员和编程爱好者带来了方便,本文将推荐四个有趣实用的Chrome插件,以增强用户浏览GitHub的体验。

注:所有的插件直接在Chrome网上应用店搜索下载即可。

目前版本的Chrome安装第三方拓展相当繁琐复杂,因此不建议使用Chrome安装第三方拓展。

鼠标悬停快速预览——GitHub Hovercard

GitHub Hovercard是一款可以使用鼠标悬停快速浏览项目信息/用户信息/项目讨论的Chrome扩展,无论在GitHub的哪一个界面,只要鼠标停驻在链接上面,就可以快速查看有关信息,而无需点击进去。

screenshot

如图所示,项目概览信息包括star,fork,issue的数目,项目使用的语言和项目说明(readme.md),并且你可以在这个界面快速加注星标。

screenshot

▲Users相关内容

screenshot

▲Issues相关内容

本项目目前已在GitHub上开源,有兴趣的同学可以来这里围观。

实现树状文件列表——octotree

GitHub是可以在线查看项目中的源代码,文档,以及像图片一类的资源文件,但体验相当糟糕,只能重复地点进一个文件夹,再进入其中一个文件夹,如此循环。有的时候,你甚至都搞不清自己现在查看的是哪一个文件。尤其是在文件繁多的项目之中,文件夹嵌套堪称噩梦,一个个点击太费时间和精力。

而octotree这个Chrome扩展则可以解决这个痛点,使你在进行文件浏览操作时更有效率。

Octotree这款插件就如同名字一样,在页面左端提供了一个树状的文件列表(类似Windows资源管理器的左栏),从而让所有文件的位置一目了然,并可以快速点击查看。

screenshot
screenshot

▲清晰的树状文件列表

Octotree同样是GitHub开源项目,项目地址:点击这里。

直观衡量你的工作量——Isometric Contributions

Isometric Contributions是一款可以将冷冰冰的数据转化为生动图形的Chrome扩展程序。它可以将你每天的contributions数目(可以理解为提交GitHub的数目)转化为颜色不一的立体柱状图,并给出自己的统计数据。Contributions数目由少到多分别以颜色逐渐变重的立体柱状图显示,宛如搭建一座高低错落的城市一般。

screenshot

▲原页面

screenshot

▲Isometric Contributions页面

除了“图形化”你的数据之外,Isometric Contribution还将你的情况统计,将你一年内的提交状况,以及“最忙“的一天提交数目统计出来。

你是想要建立起一座绿色的城市,还是想要一片白茫茫的荒地?

——一切由你自己选择。

Isometric Contribution同样是开源项目,项目地址:点击这里。

略显无聊却有用——Avatars for Github

Avatars for Github是一款从名字就能看出功能的Chrome拓展,它可以实现一个简单的功能:显示出GitHub用户的头像。

screenshot

可能对部分人有用(逃

项目源代码地址:点击这里。

GitHub夜间主题——GitHub Dark

最后推荐的不是扩展,而是一款Stylish主题:GitHub Dark,这款主题可以使GitHub以夜间模式呈现。

screenshot

妈妈再也不担心我晚上撸代码眼瞎啦~

需要先安装Stylish这款拓展才能使用。

文章转载自 开源中国社区[https://www.oschina.net]

相关文章
|
9天前
|
人工智能 IDE 编译器
idea如何使用AI编程提升效率-在IntelliJ IDEA 中安装 GitHub Copilot 插件的步骤-卓伊凡
idea如何使用AI编程提升效率-在IntelliJ IDEA 中安装 GitHub Copilot 插件的步骤-卓伊凡
71 15
idea如何使用AI编程提升效率-在IntelliJ IDEA 中安装 GitHub Copilot 插件的步骤-卓伊凡
|
1月前
|
Web App开发 存储 开发者
Chrome 插件上架发布全流程指南
浏览器插件开发完以后,要发布到 Chrome Web Store上,也是需要颇费一番周折的,本文就从注册账号开始,一直到最后发布上架的全流程进行指导,希望帮助你提供一些经验,避免踩坑,耗时耗力。
249 8
|
4月前
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
731 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
6月前
|
Web App开发 存储 前端开发
《Chrome谷歌插件Top10》开发最好用的谷歌插件
本文介绍了多个实用的浏览器插件及其安装方法。包括CSDN浏览器助手,提供高效开发工具;FeHelper,前端必备工具,支持格式化、压缩等功能;uBlock Origin,有效屏蔽广告和弹窗;PageLiner,网页标尺工具,便于前端设计;Fatkun,批量下载图片;Smallpdf,文件转换工具;Octotree,GitHub代码树插件;Awesome Screenshot,截图与录屏工具;ColorZilla,颜色拾取器;Dark Reader,暗黑模式阅读插件。安装方式有通过Chrome商店搜索或下载crx插件本地安装。
128 11
|
6月前
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
81 4
|
6月前
|
定位技术 Python
提升Github使用体验的8个技巧
提升Github使用体验的8个技巧
91 0
|
6月前
|
数据安全/隐私保护
【Azure Developer】Github Action使用Azure/login@v1插件登录遇见错误的替代方案
【Azure Developer】Github Action使用Azure/login@v1插件登录遇见错误的替代方案
|
6月前
|
Web App开发 前端开发 JavaScript
灵魂拷问-前端的作用--chrome插件篇
本文会从浏览器插件应用场景切入,穿插插件基础能力和常见入口的介绍,核心回答如下三个问题:插件可以被使用在哪些场景?不同的使用场景我们的主要代码实现思路是怎样的?我们可以从哪些角度入手自己开发一款可以落地实用的浏览器插件?
|
6月前
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
261 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
6月前
|
Web App开发
【无标题】推荐一个非常好用的GitHub插件
【无标题】推荐一个非常好用的GitHub插件
53 0

热门文章

最新文章