那些你可能不知道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  這個插件

下載腳本

• 上面介紹的腳本全部放在藍奏雲了： 全部腳本
• 已經看到這的小夥伴點個免費的👍，再走唄😉