瀏覽 GitHub 太卡了？教你兩招
老實(shí)說，GitHub 在國內(nèi)的使用體驗(yàn)并不算太好，這其中很大的原因就是網(wǎng)絡(luò)了。
GitHub 訪問起來比較卡，這個(gè)看起來貌似無解。國內(nèi)的 gitee 網(wǎng)速倒是可以，但是無法代替 GitHub，個(gè)人感覺 gitee 上還是開源項(xiàng)目多一些，工具類庫要少一些。
在網(wǎng)絡(luò)比較卡的情況下，如果我們想在線查看 GitHub 上項(xiàng)目的源碼，是非常的不方便，我們需要不斷的進(jìn)入到某個(gè)目錄中，然后再退出來，再進(jìn)入到其他目錄中，這樣每一次都要加載頁面，查看起來非常不便。
今天松哥就給大家介紹兩款瀏覽器插件 SourceGraph 和 Octotree ，使用這兩個(gè)瀏覽器插件可以非常方便的在線查看 GitHub 上項(xiàng)目的源碼。Chrome 或者 Firefox 都可以安裝此插件。
1.SourceGraph
1.1 簡介
SourceGraph 是一個(gè)依據(jù) Apache2.0 開源協(xié)議開源的一個(gè)工具，集代碼查看、review PR、代碼搜索等功能于一身。開發(fā)者必備。
1.2 支持的瀏覽器
雖然我們大部分情況下可能都是在 Chrome 或者 Firefox 上使用 SourceGraph，不過實(shí)際上，SourceGraph 支持的平臺(tái)可不止 Chrome 和 Firefox ，包括 Vscode 在內(nèi)的大多數(shù)工具都支持，如下：
可以看到有 Chrome、Firefox、VsCode、Jet Brains全家桶(IDEA、WebStorm 等)、Vi、Sublime、Atom。
1.3 支持的平臺(tái)
那我們用這個(gè)都可以瀏覽哪些網(wǎng)站的代碼呢?除了 GitHub 還有哪些平臺(tái)也受到支持呢?
可以看到，常見的 GitHub、GitLab、Bitbucket 都獲得了支持，還有像 Phabricator、Azure DevOps、AWS CodeCommit 也都有較好的支持。
1.4 安裝
Firefox 大家可以直接搜索安裝， Chrome，要是上網(wǎng)不方便，松哥已經(jīng)幫大家下載好了，公眾號(hào)后臺(tái)回復(fù) sourcegraph，獲取 SourceGraph 離線包下載地址 ，離線包下載后之后，直接拖到瀏覽器上安裝即可。
這里我就來和大家演示下正常安裝，在 Chrome 的 Store 中搜索 SourceGraph ，如下：
搜到之后點(diǎn)擊右邊的 添加至 Chrome 按鈕即可，我這邊因?yàn)橐呀?jīng)裝過了，所以按鈕是評(píng)分，安裝完成之后，瀏覽器上會(huì)多出一個(gè) SourceGraph 圖標(biāo)，如下：
這樣 SourceGraph 就安裝好了。
1.5 使用
此時(shí)我們?cè)?GitHub 上打開任意一個(gè)項(xiàng)目，以松哥的微人事為例，如下：
可以看到，在項(xiàng)目的 Watch 旁邊多了一個(gè)按鈕，這個(gè)按鈕就是 SourceGraph，我們點(diǎn)擊一下，就可以進(jìn)入到 SourceGraph 頁面：
這就像一個(gè)開發(fā)工具一樣，我們?cè)谟疫吙梢暂p松的展開項(xiàng)目的包，想看哪個(gè)文件就看哪個(gè)。上面的搜索框支持正則表達(dá)式搜索，可以方便的查找到項(xiàng)目中相關(guān)變量的定義。
SourceGraph 中還可以查看變量被定義或者被引用的位置(這個(gè)功能要登錄 SourceGraph 后才可以使用)：
是不是都可以當(dāng)成 IDE 來用了。
有了這些功能，我們?cè)僭?GitHub 上瀏覽項(xiàng)目就方便多了，小伙伴們不妨試試。
2. Octotree
2.1 簡介
Octotree(https://www.octotree.io/) 是一款瀏覽器插件，Chrome 和 Firefox 、Opera 對(duì)此都有很好的支持。這個(gè)插件可以將 GitHub 上項(xiàng)目代碼以樹形格式展示，而且在展示的列表中，我們可以下載指定的文件，而不需要下載整個(gè)項(xiàng)目。
2.2 安裝
Firefox 安裝 Octotree 很容易，問題不大，但是 Chrome 上安裝，可能有的小伙伴不太方便，松哥已經(jīng)將 Chrome 上 Octotree 的離線安裝包下載好了，大家在我公眾號(hào)后臺(tái)回復(fù) octotree 就可以獲取下載鏈接。
當(dāng)然，如果大家方便的話，可以直接在 Chrome 商店中搜索，如下：
選擇第一個(gè)免費(fèi)版的安裝就可以了。
裝好之后，瀏覽器右上角就會(huì)有一個(gè)相應(yīng)的圖標(biāo)，如下：
2.3 使用
Octotree 安裝成功之后，打開一個(gè) GitHub 網(wǎng)頁，我們?cè)谧筮吘涂梢钥吹?Octotree 插件，如下：
這樣就可以快速打開并瀏覽一個(gè) GitHub 文件了。
點(diǎn)擊文件名前面的圖標(biāo)，就可以在一個(gè)單獨(dú)的網(wǎng)頁中打開這個(gè)文件。
好了，這兩個(gè)神器就說到這里，小伙伴們不妨試試。
