玩转Github
❝阅读本文将会助你高效浏览 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 这个插件
下载脚本
我已经把介绍的脚本全部放在「蓝奏云」了: 全部脚本
已经看到这的小伙伴点个赞
以上内容来自于网络,如有侵权联系即删除
相关文章
- JavaScript中的Map、WeakMap、Set和WeakSet介绍
- Vue.js源码学习(完结)-虚拟DOM的patch算法
- JavaScript_基本类型和引用类型_
- 字符编码(二:简体汉字编码与 ANSI 编码 )
- 这年头还有面试问get和post的区别?
- 如何用一行 CSS 分别实现 10 种现代布局?
- 面试!你真的准备好了吗?|手写API系列梳理
- 手摸手教你 360度无死角 WebP 能力检测
下一篇: [1.2W字