[推薦] 樹狀結構顯示Github專案結構瀏覽器工具-Octotree

平常在檢視Github專案原始碼的時候,找尋程式碼檔案時需不停點選資料夾跳換頁面,而如果目錄有很多層時在跳換時蠻不方便的,這邊介紹一個瀏覽器套件 Octotree,會透過 Github 的 API 取得目錄結構並將其顯示成方便樹狀結構顯示在側邊。

Chrome 版本連結:https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

Firefox 版本連結:https://addons.mozilla.org/zh-TW/firefox/addon/octotree/

原始碼:https://github.com/ovity/octotree

效果預覽:

Chrome 安裝方式:

加到 Chrome 開始安裝

接受權限

Firefox 安裝方式:

點選 新增至Firefox

安裝 開始安裝


這樣就能夠在 github repo 頁面上側邊顯示樹狀結構了

取得API access token 與設定:

假如是 public 的專案,平常不需要任何額外設定就能夠正常運作了

不過有的時候當一般的API使用次數到達限制或是私人的 repo 就會需要設定 api access token 才能夠正常使用

下面講解如何取的token與設定使用

先到 Github 設定頁面

點 Developer settings

接著點 Personal access tokens 並點 Generate new token

輸入 access token 名稱與勾選 repo 的權限

接著點 Generate token

這時就會取得新的 token 把它複製下來

並且到 octotree 的側邊欄點齒輪圖

貼上剛剛複製的 token,並且點 Apply settings 儲存設定便完成了