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]

相关文章
|
1月前
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
278 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
3月前
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
|
3月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
310 8
|
3月前
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
144 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
3月前
|
定位技术 Python
提升Github使用体验的8个技巧
提升Github使用体验的8个技巧
|
4月前
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之最新的 Chrome 浏览器架构有什么新的改变吗
Chrome插件实现问题之最新的 Chrome 浏览器架构有什么新的改变吗
|
4月前
|
JavaScript 前端开发 Web App开发
Chrome插件实现问题之单进程浏览器的不稳定主要体现在什么地方
Chrome插件实现问题之单进程浏览器的不稳定主要体现在什么地方
|
3月前
|
数据安全/隐私保护
【Azure Developer】Github Action使用Azure/login@v1插件登录遇见错误的替代方案
【Azure Developer】Github Action使用Azure/login@v1插件登录遇见错误的替代方案
|
4月前
|
Web App开发 数据可视化 前端开发
Chrome插件实现问题之content-scripts能访问哪些Chrome API
Chrome插件实现问题之content-scripts能访问哪些Chrome API
|
4月前
|
Web App开发 前端开发 JavaScript
Chrome插件实现问题之用户在浏览器中输入URL后,浏览器进程会进行什么操作
Chrome插件实现问题之用户在浏览器中输入URL后,浏览器进程会进行什么操作
下一篇
无影云桌面