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


我使用 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 面試手冊。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM