http://www.gad.qq.com/article/detail/32503

以程式碼託管平臺起家的 GitHub 網站，已然成為全球程式設計師工作和生活中不可或缺的一份子。從優秀的企業，到優秀的程式設計師，都將自己最優秀的程式碼作品存放在這片開源淨土裡，供彼此學習交流。

GitHub Trending 欄目甚至已經成為 IT 從業人員的新聞日報，每日必讀。既然 GitHub 這麼重要，又被我們使用得這麼頻繁，那關於 GitHub 的一些優秀瀏覽器外掛或者其他工具，我們就一定不可錯過啦。本文就來整理一些，都是我平常使用最得心應手的東西，全都傾力推薦出來，絕對乾貨！

Chrome 擴充套件程式

備註：這個分類的部分均可以在 

很好奇的是，GitHub 作為程式碼託管平臺，竟然沒有提供專案目錄，方便使用者線上快速瀏覽專案結構。所以，線上分析專案原始碼就會變得很繁瑣，必須一層一層點選，然後再一次一次地向上返回。要知道，本來 GitHub 網站在中國區的訪問就已經很慢了。最無奈的做法就是，下載到本地，再使用 Sublime 等編輯器開啟。

Octotree 作為 Chrome 瀏覽器的一款外掛，剛好解決這個使用痛點。他能夠像 IDE 一樣提供專案目錄，快捷導航，方便瀏覽。同時支援 GitHub 和 GitLab 兩個常用的程式碼託管網站。更貼心的是，你可以自行選擇是否顯示目錄。

同樣作為 Chrome 的外掛，GitHub Plus 提供的功能也是非常實用。能夠顯示程式碼倉庫的大小，以及其中每個檔案的大小和下載連結。使用這款外掛，我們再也不用因為需要某個單一檔案而被迫下載整個專案原始碼，尤其是在網速不給力的時候。

使用這款外掛，當你將滑鼠停留在 GitHub 網站的使用者頭像或者倉庫連結地址上時，會自動彈出一個懸浮框，帶你提前預覽基本資訊。有點類似 StackOverflow 網站的使用者頭像的滑鼠懸停效果。Hovercard 外掛支援的懸停位置更多，包括使用者頭像，倉庫地址，Issue 連結，個人主頁等。咱們還是用圖說話比較直接：

程式碼搜尋，檢視引用，自動跳轉，專案目錄導航，這些 IDE 上常用的功能操作，藉助 Sourcegraph 外掛，都能幫你直接線上使用。如圖：

這款外掛提供的功能與前面提到的 GitHub Plus 有點類似，展示專案大小，任意檔案點選下載等。如圖：

GitHub 智慧搜尋外掛。有點類似自動補全功能，實時監聽輸入的搜尋關鍵字，自動列出相關內容。正如官方介紹那樣，致力於打造 GitHub 上最好的搜尋引擎，助你在搜尋倉庫和使用者方面，比以往更快人一步。

3D 畫素立體展示 GitHub 上的倉庫提交記錄。相比傳統的方塊圖表，更有美感。當然，使用這款外掛之後，你可以自由切換展示方式，而不是一刀切。

高效率管理工具

前面提到的都是 Chrome 的外掛系列，基本上可以解決平時我們使用 GitHub 線上搜尋或者瀏覽某一倉庫時所遇到的痛點問題。但是還有一個很重要的痛點沒有解決，那就是我們 Star 過的倉庫管理問題。

任何一個 IT 領域，GitHub 網站都有成千上萬個優秀開源專案可供參考學習。所以，收藏關注幾十幾百個專案是再平常不過的一件事了。沒有標籤，沒有便捷的檢索功能，如何高效率地管理這些關注過的專案呢？也許你可以嘗試這些網站提供的工具。

強力推薦 OhMyStar2 客戶端，號稱是管理 GitHub Stars 最好的方式。自動同步 GitHub 賬號的 Stars，擁有標籤和評分兩種分類方式助你分組管理專案，根據名稱、日期等指標自動排序，三方分享功能，甚至提供每日 Trending 瀏覽，說是最好，名符其實！

也是提供標籤式的方式管理 GitHub 賬號關注的專案。只不過，通過網站線上管理，沒有提供 PC 版客戶端。免費試用。

這個工具使用起來有點類似 IDE，提供開發中常用的快速導航、程式碼搜尋功能、檢視引用和點選跳轉等功能。

我想，有了這些工具，一定能大幅提高我們程式設計師使用 GitHub 時的效率。工欲善其事，必先利其器。站在巨人的肩膀上，更容易事半功倍。利用好工具，換種角度來看，也是一種不可忽視的能力。

從事 IT 行業以來，越發覺得，網際網路對於我們每個人來說，都是公平的，如何開拓視野，利用網路平臺提升自己的學習能力和工作效率，顯得尤為重要。很慶幸，我們都在這個最潮流的行業，共同學習，一起進步。