那些你可能不知道Github使用小技巧 | 玩转Github

准备

你的浏览器需要有 Tampermonkey 插件, 作用是可以将JavaScript嵌入任何页面, 更好的浏览网页 也可以选择在最新版 Edge 浏览器安装 Tampermonkey 插件

脚本篇

代码折叠脚本GitHub Code Folding

• 使用场景：当你在 Github 中浏览源码中，可以非常高效的折叠代码，什么类型代码都可以折叠
• 前提安装了 Tampermonkey 油猴插件: 安装

显示代码颜色GitHub code colors

• 使用场景：在代码颜色旁边添加颜色样式的脚本
• 前提安装了 Tampermonkey 油猴插件: 安装
• 它适用于注释预览和代码页

复制代码段copy code snippet

• 使用场景：需要复制代码块时会方便很多，不需要全部选中一键复制代码块
• 前提安装了 Tampermonkey 油猴插件: 安装
• 将鼠标悬停在代码段上，从而将副本添加到剪贴板按钮

GitHub图像预览image preview

• 使用场景： 需要预览仓库中的图像，不需要点击去查看，直接预览图片
• 前提安装了 Tampermonkey 油猴插件: 安装
• 该脚本增加了预览图像（png，jpg，jpeg，gif，tif，tiff，bmp，webp和svg）

Github目录导航table of contents

• 使用场景：当你进入一个仓库时会将标题目录，添加到页面中，方便锚点跳转
• 前提安装了 Tampermonkey 油猴插件: 安装
• 当进入仓库时，会自动添加一个可拖动的弹出窗口。创建TOC之前，至少必须有三个锚点
• 键盘命令：
  • 按下Esc以“隐藏”目录右上角的目录。
  • 彼此之间在一秒钟之内按g+ t，以切换目录视图。
  • 彼此之间在一秒钟之内按g+ r，以重置TOC位置。

Github镜像访问和加速下载

• 使用场景：克隆仓库均速800K 和 下载Releases时速度非常快均速4M
• 优化了脚本默认不展开镜像网站，并且将最新版 Github 网站头部居中了

插件篇

知道很多人安装了，所以放到了后面，这里推荐三个常用的插件, 这里就只提供插件的安装地址

Octotree

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

Enhanced GitHub 增强浏览gihub

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

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

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

脚本安装篇

前提记得安装 Tampermonkey  这个插件

下载脚本

• 上面介绍的脚本全部放在蓝奏云了： 全部脚本
• 已经看到这的小伙伴点个免费的👍，再走呗😉