浏览/使用Github还不够高效？用这些Chrome插件可以提高

短命女 2021-09-24 13:04 278阅读 0赞

学习时，在接触GitHub这个软件源代码托管平台的时候，遇到了不克隆下来很难阅读代码、不能单独下载仓库的某个文件等问题。下面推荐几个插件，这几个插件可以很好地解决这些问题。

> 文章中插件的介绍，都是在GitHub上找几个比较热门的仓库来演示。

### 插件目录 ###

*   *   *  一、 Octotree
         *  二、 GitZip for github
         *   *  2.1 下载单个或多个文件
             *  2.2 下载单个文件
             *  2.3 遇到问题
             *   *  2.3.1 问题描述
                 *  2.3.2 解决方法
         *  三、 SourceGraph
         *  四、 Enhanced Github
         *  五、 OctoLinker
         *  六、 GitHub Hovercard
         *  七、 lib4dev（额外介绍）

### 一、 Octotree ###

Octotree是一个可以让我们更加方便在GitHub上面浏览代码的插件，以树形结构展示，像使用IDE阅读代码一样。

安装后，侧边多了下面图片中的工具栏  
![在这里插入图片描述][20200720180630286.png]

鼠标移动到这个窗口，会弹出以下界面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70]  
使用该插件的时候，左侧窗口中的内容有时会加载不出来，刷新一下页面就可以了。

### 二、 GitZip for github ###

GitZip是一个将仓库中的文件制成zip压缩包格式并下载的插件，支持下载单个文件夹（即子目录）。

#### 2.1 下载单个或多个文件 ####

鼠标 *定位* 到需要下载的子目录或文件，直接 *双击* 文件的空白处，在那个被点击文件的图标前会显示一个 *✔* ，再点击右下方会弹出的下载按键，就可以下载了。

这个操作方法可以同时自定义选择多个文件下载。  
![在这里插入图片描述][20200720180308114.gif]

#### 2.2 下载单个文件 ####

鼠标 *定位* 到需要下载的子目录或文件，直接右键点击 *Download* ，就可以下载了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70 1]

#### 2.3 遇到问题 ####

##### 2.3.1 问题描述 #####

在下载的时候，弹出了一个提示，提示的前面部分如下所示

Collect blob urls... Running in the rate limit. API rate limit exceeded for XXXXX

##### 2.3.2 解决方法 #####

新建一个个人访问令牌，勾选 *gist* ，再点击创建就可以了 [创建令牌地址][Link 1] 。

### 三、 SourceGraph ###

SourceGraph除了可以更优雅地看代码，还有类之间的跳转、代码搜索等功能。

使用这个插件阅读代码的时候，如下所示，同样也是以树形结构展示的，这个功能与Octotree相似。不过SourceGraph还内置了一些插件，所以还有代码搜索等功能。

![在这里插入图片描述][20200720195305206.png]

下面找个库演示一下SourceGraph的代码搜索功能，如下图所示

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70 2]

### 四、 Enhanced Github ###

Enhanced Github是一个可以显示仓库大小、文件大小（不适用于文件夹和符号链接）、每个文件下载链接（也不适用于文件夹和符号链接）的插件，可以在查看文件内容的时候下载文件。

使用后如下所示  
![在这里插入图片描述][20200720201035473.jpg]

只是Enhanced Github的下载功能好像是只能下载单个文件，如果是下载多个文件的话，还是用GitZip for github这个插件吧。在下载方面，推荐使用上面的GitZip这个插件。

### 五、 OctoLinker ###

OctoLinker是一个可以让你像使用IDE一样点击类名跳转的插件，直接用鼠标点击类名就会弹出跳转提示，再点击跳转就可以了。

下图来源于官方介绍  
![在这里插入图片描述][20200720110038831.gif]

### 六、 GitHub Hovercard ###

GitHub Hovercard是一个弹出相关信息悬浮窗的插件，可以通过悬浮窗查看贡献者、项目等的信息。比如在浏览Github上面的一些项目时，把鼠标移到贡献者头像位置，可以查看该贡献者相关信息。

![在这里插入图片描述][20200723005015407.gif]

如果需要下载相关的安装包，都是可以从这里搜索下载的：[https://crxdl.com/][https_crxdl.com]

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

### 七、 lib4dev（额外介绍） ###

另外推荐一个在线网站：[http://www.lib4dev.in/][http_www.lib4dev.in]

这个网站基本包含了所有语言的开源项目，并且这些项目都是可以连接到Github上的。网站除了根据编程语言分类，还有主题分类（比如算法，安卓等）。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70 3]

在搜索项目时，可以根据最匹配、Star数目、Fork数目和更新时间来排行。

[20200720180630286.png]: /images/20210923/450d8dc6204e4501a74aa10e64c6c27e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70]: /images/20210923/9a0f8764df174772b08cbe9544b4a130.png
[20200720180308114.gif]: /images/20210923/4845132a34394504b43a0592511649a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70 1]: /images/20210923/87e332c9fafc4aa8ae9ee331d38c4a7b.png
[Link 1]: https://github.com/settings/tokens/new
[20200720195305206.png]: /images/20210923/8ba6a56bebb94b729107ccc6fb11dcea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70 2]: /images/20210923/6ef7ed22863545bcb07c4f230c4a6a2c.png
[20200720201035473.jpg]: /images/20210923/1b63428d85c84ac78f3b5f7bd05adcd1.png
[20200720110038831.gif]: /images/20210923/f70034678c4b4ddcb45e09f63134d882.png
[20200723005015407.gif]: /images/20210923/5d5061026e784fbb8d4401e1e3e674ed.png
[https_crxdl.com]: https://crxdl.com/
[http_www.lib4dev.in]: http://www.lib4dev.in/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY5Mjc5_size_16_color_FFFFFF_t_70 3]: /images/20210923/4f7466e861fb4ecbb0090725e3101edd.png