個人常用的 Github & Gitlab 五款 Chrome 擴展推薦

這些都是我個人正在使用或者曾經使用過認為實用的擴展，但是因為我個人不太喜歡裝很多擴展，所以沒辦法一次推薦很多個，等未來有使用新的不錯的擴展時會再慢慢補充。

Enhanced GitHub

Chrome商店：https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd

Github：https://github.com/softvar/enhanced-github

提供者：Varun Malhotra

版本：5.0.11

最後更新日：2021年4月22日

大小：25.93KB

語言：English

個人認為這個擴展對我來說比較有用的地方是它會顯示檔案的大小，並且在檔案旁邊會顯示一個按鈕可以單獨下載該檔案。不過這個單文件下載的功能其實就是 RAW 。

你可以將檔案保存到本地，也可以藉由 githubusercontent 提供的 CDN 直接加到你的 project 中使用：

點進檔案中會多出兩個按鈕：Copy File 和 下載按鈕，下載按鈕剛剛說過了，Copy File 會自動全選檔案中的 code 複製到剪貼板(我測試的結果是 .md 格式無法複製)。

並且會在 repo 首頁顯示這個 repo 文件總共的大小。

Octotree

自動產生目錄樹我相信也是必裝擴展了，省的自己還要慢慢一層一層翻，並且除了目錄樹以外 Octotree 還有非常非常豐富且實用的功能。

官方網站：https://www.octotree.io/

Chrome商店：https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc?hl=zh-TW&gl=TW

Github：https://github.com/ovity/octotree

版本：7.0.7

最後更新日：2021年7月25日

大小：3.18MiB

語言：English

這個擴展是有免費版和付費版的，付費的話能享有更多功能，這邊只簡單介紹免費版的功能。

目錄樹

Octotree 會在 repo 左側顯示一個懸浮框，將滑鼠移到上方後會顯示這個 repo 的文件樹：

點擊文件樹中的檔案可以跳轉到該檔案的源碼頁面：

要注意的是如果沒有登入 Github 帳號會有 API 使用限制(大概是 10 次以內吧…沒注意)，需要按照它的提示登入。

設定熱鍵

設定頁有熱鍵和字體…等的詳細設定：

固定

如果覺得鼠標一移走就隱藏起來很麻煩，可以按圖釘按鈕將它固定在頁面上：

檔案搜索

還有檔案搜索功能：

以及切換目錄樹至畫面右側或左側：

版本比對

點擊上下箭頭的按鈕可以查看該 repo 近期的 requests，點擊任意一個可以查看程式碼修改情況。

暗色主題

還有提供切換暗色主題：

OctoTree 功能有滿多的，有興趣可以自行研究。

Gitlab目錄樹擴展

而 Gitlab 也有相同功能的擴展，叫做「SpanTree – GitLab Tree」，具有目錄樹功能和暗色主題。

支援暗色主題：

檔案搜索功能：

GitHub Hovercard

官方網站：https://justineo.github.io/github-hovercard/

Chrome商店：https://chrome.google.com/webstore/detail/github-hovercard/mmoahbbnojgkclgceahhakhnccimnplk

Github：https://github.com/Justineo/github-hovercard

版本：1.9.4

最後更新日：2021年5月12日

大小：121KiB

語言：English

這個擴展就是能讓 Github 裡面的連結顯示懸浮視窗，可以快速的瀏覽大致內容，無須點進連結查看。

不過個人認為這對我來說大部分時間是都不需要的，有時候甚至會覺得被干擾到。因為懸浮視窗反應時間很快，但我並不是每次都想查看，所以目前我是將這個擴展關閉沒有使用，不過有些時候來說它還是滿方便的。

GitZip for github

官方網站：https://gitzip.org/

Chrome商店：https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn

Github：https://github.com/GitZip/gitzip.org

版本：0.4.2

最後更新日：2021年3月17日

大小：76.07KiB

語言：English

這也是非常實用的一個擴展，因為有些時候你並不是想要下載完整的 project，你可能只需要下載某幾個資料夾，但是大部分的擴展又只支援單個檔案的下載，少有資料夾的下載。而這個擴展讓你可以選取多個資料夾以及檔案一併下載。

在資料夾或檔案旁邊空白處雙擊左鍵就可以勾選：

多勾選幾個檔案後點擊右下角的 Download checked items 將檔案壓縮成 zip 下載到本地：

Little Star – Github Stars Manager

這個擴展可以將 github 的 repo 單獨收藏起來，像是瀏覽器書籤一樣，在工具列上面多了一個星星圖示，你可以透過星星來快速瀏覽你收藏的 repo。

官方網站：https://www.littlestarcloud.com/

Chrome商店：https://chrome.google.com/webstore/detail/little-star-github-stars/kmjfdonmflchjdlmeoecbmebfpnafpec/related

Github：https://github.com/alianrock/LittleStar

Wiki：https://github.com/alianrock/LittleStar/wiki

版本：1.5.4

最後更新日：2021年7月31日

大小：1.45MiB

語言：English、中文簡體

和 OctoTree 一樣 Little Star 也有會員可以購買：

管理頁面

它甚至有自己獨立的管理頁面：

分類管理

你可以star repo時選擇或新增分類：

你可以按照 收藏時間、名稱、分類內repo數量 來排序star 的 repo：

在每一個 repo 上你都可以隨時取消 star 和修改、新增、刪除分類：

Github趨勢

並且它也提供了 Github 趨勢 repo 的功能：

你可以自行選擇語言類別和時間段來查看Hot repo

事實上，有滿多可以管理 star repo 的 Chrome 擴展，但個人還是比較喜歡這款，除了顏值之外最重要的是它支援中文… 哈哈！