5分鐘GET我使用Github 5 年總結的這些騷操作！

JavaGuide發表於2020-11-09
Github

我使用 Github 已經有 5 年多了，今天毫無保留地把自己覺得比較有用的 Gihub 小技巧送給關注 JavaGuide 的各位小夥伴。

這篇文章肝了很久，就挺用心的，大家看內容就知道了。

如果覺得有收穫的話，不要白嫖！點個贊/在看就是對我最大的鼓勵。你要是可以三連（點贊+在看+轉發）的話，我就更爽了（我在想屁吃？）。

1. 一鍵生成 Github 簡歷

通過 http://resume.github.io/ 這個網站你可以一鍵生成一個線上的 Github 簡歷。

當時我參加的校招的時候，個人資訊那裡就放了一個線上的 Github 簡歷。我覺得這樣會讓面試官感覺你是一個內行，會提高一些印象分。

但是，如果你的 Github 沒有什麼專案的話還是不要放在簡歷裡面了。生成後的效果如下圖所示。

Github簡歷

2. 個性化 Github 首頁

Github 目前支援在個人主頁自定義展示一些內容。展示效果如下圖所示。

個性化首頁展示效果

想要做到這樣非常簡單，你只需要建立一個和你的 Github 賬戶同名的倉庫，然後自定義README.md的內容即可。

展示在你主頁的自定義內容就是README.md的內容（不會 Markdown 語法的小夥伴自行面壁 5 分鐘）。

建立一個和你的Github賬戶同名的倉庫

這個也是可以玩出花來的！比如說：通過 github-readme-stats 這個開源專案，你可以 README 中展示動態生成的 GitHub 統計資訊。展示效果如下圖所示。

通過github-readme-stats動態生成GitHub統計資訊

關於個性化首頁這個就不多提了，感興趣的小夥伴自行研究一下。

3. 自定義專案徽章

你在 Github 上看到的專案徽章都是通過 https://shields.io/ 這個網站生成的。我的 JavaGuide 這個專案的徽章如下圖所示。

專案徽章

並且，你不光可以生成靜態徽章，shield.io 還可以動態讀取你專案的狀態並生成對應的徽章。

自定義專案徽章

生成的描述專案狀態的徽章效果如下圖所示。

描述專案狀態的徽章

4. Github 表情

Github表情

如果你想要在 Github 使用表情的話，可以在這裡找找 ：www.webfx.com/tools/emoji-cheat-sheet/ 。

線上Github表情

5. 高效閱讀 Github 專案的原始碼

Github 前段時間推出的 Codespaces 可以提供類似 VS Code 的線上 IDE，不過目前還沒還沒完全開發使用。

簡單介紹幾種我最常用的閱讀 Github 專案原始碼的方式。

5.1. Chrome 外掛 Octotree

這個已經老生常談了，是我最喜歡的一種方式。使用了 Octotree 之後網頁側邊欄會按照樹形結構展示專案，為我們帶來 IDE 般的閱讀原始碼的感受。

Chrome外掛Octotree

5.2. Chrome 外掛 SourceGraph

我不想將專案 clone 到本地的時候一般就會使用這種方式來閱讀專案原始碼。SourceGraph 不僅可以讓我們在 Github 優雅的檢視程式碼，它還支援一些騷操作，比如：類之間的跳轉、程式碼搜尋等功能。

當你下載了這個外掛之後，你的專案主頁會多出一個小圖示如下圖所示。點選這個小圖示即可線上閱讀專案原始碼。

使用 SourceGraph 閱讀程式碼的就像下面這樣，同樣是樹形結構展示程式碼，但是我個人感覺沒有 Octotree 的手感舒服。不過，SourceGraph 內建了很多外掛，而且還支援類之間的跳轉！

5.3. 克隆專案到本地

先把專案克隆到本地，然後使用自己喜歡的 IDE 來閱讀。可以說是最酸爽的方式了！

如果你想要深入瞭解某個專案的話，首選這種方式。一個git clone 就完事了。

5.4. 其他

如果你要看的是前端專案的話，還可以考慮使用 https://stackblitz.com/ 這個網站。

這個網站會提供一個類似 VS Code 的線上 IDE。

6. 一鍵開啟 Github 夜間模式

通過 GitHub Dark Theme 這個 Chrome 外掛你可以將 Github 的主題變為夜間樣式。

7. 擴充套件 Github 的功能

Enhanced GitHub 可以讓你的 Github 更好用。這個 Chrome 外掛可以視覺化你的 Github 倉庫大小，每個檔案的大小並且可以讓你快速下載單個檔案。

8. 自動為 Markdown 檔案生成目錄

如果你想為 Github 上的 Markdown 檔案生成目錄的話，通過 VS Code 的 Markdown Preview Enhanced 這個外掛就可以了。

生成的目錄效果如下圖所示。你直接點選目錄中的連結即可跳轉到文章對應的位置，可以優化閱讀體驗。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-IcvUEqAY-1604903412837)(https://guide-blog-images.oss-cn-shenzhen.aliyuncs.com/2020-11/iShot2020-11-07 16.14.14 (1)].png)

9. 後記

這篇文章是我上週六的時候坐在窗臺寫的，花了一下午時間。

除了我提到的這些技巧之外，像 Github 搜尋技巧、GitHub Actions 等內容的話，我這裡沒有提，感興趣的小夥伴自行研究一下。

這裡多說一句心裡話： Github 搜尋技巧不必要記網上那些文章說的各種命令啥的，真沒啥卵用。你會發現你用的最多的還是關鍵字搜尋以及 Github 自帶的篩選功能。

微信搜“JavaGuide”回覆“計算機基礎”即可獲取圖解計算機基礎+個人原創的 Java 面試手冊。

相關文章