玩转Github的脚本和插件【效率提高200%】

玩转Github

• 阅读前言
• 脚本篇
  • 1.代码折叠脚本【GitHub Code Folding】
  • 2.显示代码颜色【GitHub code colors】
  • 3.复制代码段【copy code snippet】
  • 4.GitHub图像预览【 image preview】
  • 5.Github目录导航【table of contents】
  • 6.Github镜像访问和加速下载
• 插件篇
  • 1.Octotree
  • 2.Enhanced GitHub 加强浏览gihub
  • 3.github-file-icon 显示仓库文件图标
• 脚本安装篇
  • 下载脚本
  • 导入脚本

❝

阅读本文将会助你高效浏览 Github (「多张效果图」)，推荐的 「插件」 和 「脚本」 会助你提升生产力

❞

阅读前言

❝

你的浏览器须要有 Tampermonkey 插件, 做用是能够将JavaScript嵌入任何页面, 更好的浏览网页

也能够选择在最新版 Edge 浏览器安装 Tampermonkey 插件

「推荐的脚本和插件效果所有图片展现，安装的脚本在最后一篇」

❞

脚本篇

1.代码折叠脚本【GitHub Code Folding】

使用场景：当你在 Github 中浏览源码中，能够很是高效的折叠代码，什么类型代码均可以折叠

2.显示代码颜色【GitHub code colors】

使用场景：在「代码颜色旁边添加颜色样式」的脚本

• 它适用于注释预览和代码页

3.复制代码段【copy code snippet】

使用场景：须要复制代码块时会方便不少，不须要所有选中一键复制代码块

• 将鼠标悬停在代码段上，从而将副本添加到剪贴板按钮

4.GitHub图像预览【 image preview】

使用场景： 须要预览仓库中的图像，不须要点击去查看，直接预览图片

• 该脚本增长了预览图像（png，jpg，jpeg，gif，tif，tiff，bmp，webp和svg）

5.Github目录导航【table of contents】

使用场景：当你进入一个仓库时会将标题目录，添加到页面中，方便锚点跳转

• 当进入仓库时，会自动添加一个「可拖动」的弹出窗口。

• 键盘命令：

  • 按下Esc以“隐藏”目录右上角的目录。
  • 彼此之间在一秒钟以内按g+ t，以切换目录视图。
  • 彼此之间在一秒钟以内按g+ r，以重置TOC位置。

6.Github镜像访问和加速下载

使用场景：克隆仓库均速800K 和 下载Releases时速度很是快均速4M

• 「优化了脚本默认不展开镜像网站，而且将最新版 Github 网站头部居中了」

插件篇

❝

知道不少人安装了，因此放到了后面，这里推荐三个经常使用的插件, 这里就只提供插件的安装地址

❞

1.Octotree

• 下载地址： Octotree
• 使用场景： 加强GitHub代码的检查和探索，这个插件不少人都知道就不详细说了

2.Enhanced GitHub 加强浏览gihub

• 下载地址： Enhanced GitHub
• 使用场景： 「显示仓库大小，每一个文件的大小」，下载连接和复制文件内容的选项

3.github-file-icon 显示仓库文件图标

• 下载地址： github-file-icon
• 「特定于文件类型的图标替换原始文件图标」。这改善了GitHub，GitLab等上的视觉识别能力

脚本安装篇

前提记得安装 Tampermonkey 这个插件

下载脚本

• 我已经把介绍的脚本所有放在「蓝奏云」了： 所有脚本

• 已经看到这的小伙伴点个赞👍，再走呗😉

导入脚本