关于前端:玩转Github的脚本和插件

4次阅读

共计 1355 个字符,预计需要花费 4 分钟才能阅读完成。

玩转 Github【效率晋升 200%】

  • 浏览前言
  • 脚本篇

    • 1. 代码折叠脚本【GitHub Code Folding】
    • 2. 显示代码色彩【GitHub code colors】
    • 3. 复制代码段【copy code snippet】
    • 4.GitHub 图像预览【image preview】
    • 5.Github 目录导航【able 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 目录导航【able 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 这个插件

下载脚本

  • 我曾经把介绍的脚本全副放在 「蓝奏云」 了:全副脚本
  • 曾经看到这的小伙伴点个赞????,再走呗????

导入脚本

正文完
 0