玩轉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 這個插件

下載腳本

• 我已經把介紹的腳本所有放在「藍奏雲」了： 所有腳本

• 已經看到這的小夥伴點個贊👍，再走唄😉

導入腳本