一看就會(huì)的 GitHub 騷操作,讓你看上去像一位開源大佬
大家好,我是魚皮。
我的老弟小阿巴也在學(xué)習(xí)編程,前段時(shí)間,他剛剛接觸了 GitHub 這個(gè)代碼開源平臺(tái),然后關(guān)注了我。

當(dāng)他看到我的 GitHub 個(gè)人主頁時(shí),他非常激動(dòng)地問:“哥哥,為啥你的 GitHub 主頁這么炫酷?”

我正要跟他解釋,結(jié)果小阿巴下一個(gè)問題差點(diǎn)讓我笑噴了。
“哥哥,你是開源大佬么?”

對(duì)不起,讓大家失望了,我不配。
其實(shí)有很多 GitHub 的騷操作和資源,輕輕松松,就能讓你看起來像一位開源大佬!
下面分享給大家。
定制個(gè)人主頁
首先教大家定制個(gè)人主頁,幫助其他開發(fā)者快速了解你和你的項(xiàng)目,從而吸引關(guān)注。
首先創(chuàng)建一個(gè)和自己 GitHub 用戶名相同的倉庫:

進(jìn)入這個(gè)倉庫,這是 GitHub 提供的隱藏彩蛋,只需要?jiǎng)?chuàng)建一個(gè) README.md
文件,在這里輸入想要展示在主頁的內(nèi)容即可。

那問題來了,我主頁上的一些 個(gè)人統(tǒng)計(jì)卡片 是怎么做的呢?

其實(shí)很簡(jiǎn)單,有一個(gè)開源項(xiàng)目,能夠在你的 README 中獲取動(dòng)態(tài)生成的 GitHub 統(tǒng)計(jì)信息!
項(xiàng)目名:github-readme-stats
地址:https://github.com/anuraghazra/github-readme-stats
這個(gè)項(xiàng)目提供了很多功能,比如統(tǒng)計(jì)卡片、更多置頂、語言卡片等:



使用方式非常簡(jiǎn)單,找到你需要的功能,每個(gè)功能對(duì)應(yīng)一個(gè)超鏈接,直接復(fù)制到自己的 README.md 中即可,還可以修改超鏈接的參數(shù)來進(jìn)一步定制!

小徽章
GitHub 上很多知名項(xiàng)目的介紹頁中,總能看見許多小徽章,比如阿里的 Ant Design:

看得多了,你會(huì)發(fā)現(xiàn)這些小徽章的風(fēng)格出奇的一致!那這個(gè)是怎么做的呢?
可以使用這個(gè)項(xiàng)目:Shields.io
地址:https://shields.io/
它可以為你的開源項(xiàng)目生成高質(zhì)量小徽章圖標(biāo),直接復(fù)制鏈接使用。

默認(rèn)提供了很多統(tǒng)計(jì)相關(guān)的小徽章,比如項(xiàng)目的下載數(shù):

還可以輸入內(nèi)容和顏色,一鍵生成!

支持多種不同的風(fēng)格,非常奧利給!

除了 Shields.io 外,還有一個(gè)專門生成 訪客數(shù)徽章 的項(xiàng)目,直接將一行代碼粘貼到 README.md 文件中就能使用。
項(xiàng)目名:Visitor Badge
地址:https://visitor-badge.glitch.me/

star 歷史
如果想要統(tǒng)計(jì)和展示自己某個(gè)項(xiàng)目的 star 趨勢(shì),可以使用下面這兩個(gè)工具。
1. Star History
地址:https://star-history.t9t.io
輸入倉庫名,就能自動(dòng)生成 star 增長曲線,還能輸入多個(gè)倉庫查看項(xiàng)目對(duì)比:

如果不喜歡這個(gè)風(fēng)格,也可以試試下面這個(gè)工具。
2. GitHub Star History
地址:https://codetabs.com/github-stars/github-star-history.html
和上一個(gè)工具用法完全一致,風(fēng)格更圓潤。

分享角標(biāo)
如果你的 GitHub 項(xiàng)目有一個(gè)對(duì)應(yīng)的網(wǎng)站,并且想要讓用戶通過網(wǎng)站跳轉(zhuǎn)到 GitHub,從而得到 star。那么不妨試試這個(gè)項(xiàng)目!
項(xiàng)目:GitHub Corners
地址:https://tholman.com/github-corners/
它可以幫你生成給網(wǎng)站添加 GitHub 角標(biāo)的代碼,只需要選擇一個(gè)風(fēng)格,復(fù)制代碼到自己的項(xiàng)目主頁文件中,將超鏈接替換為自己的倉庫地址即可。

你的 GitHub 故事
辛辛苦苦寫了一年代碼,是時(shí)候回顧一下自己的提交記錄了,GitHub 已經(jīng)內(nèi)置了年度提交數(shù)統(tǒng)計(jì)。

但是,這個(gè)統(tǒng)計(jì)不夠炫酷,推薦下面這個(gè)項(xiàng)目。
項(xiàng)目:GitHub Skyline
地址:https://skyline.github.com/
輸入自己的 GitHub 用戶名,和想要查看的年份,它可以自動(dòng)為你的 GitHub 生成炫酷的 3D 模型!

很可惜,我的這個(gè)模型只有一半,那段時(shí)間自己每天都會(huì)刷幾道算法題。想要蓋起摩天大樓,還是要持續(xù)努力提交代碼啊!
感謝參與者
每位開源項(xiàng)目的參與者都值得記錄和感謝,傳統(tǒng)方式是開源項(xiàng)目的負(fù)責(zé)人一個(gè)一個(gè)把參與者的名字記錄到 README.md 文件中,非常低效,可能到后面就懶得添加了。
可以使用一種更高效、自動(dòng)化的方式來添加項(xiàng)目貢獻(xiàn)者。
項(xiàng)目:All Contributors
地址:https://allcontributors.org/
這個(gè)項(xiàng)目,允許你使用命令行或者機(jī)器人的方式自動(dòng)將項(xiàng)目的貢獻(xiàn)者補(bǔ)充到項(xiàng)目文檔中,并且生成排版精美的表格,效果如下:

使用它,讓你的項(xiàng)目更具溫度吧~
有了這些,大家不僅可以裝修自己的 GitHub 個(gè)人主頁,提升逼格,更有開源的動(dòng)力;還可以美化自己的項(xiàng)目文檔,吸引更多人的 star。內(nèi)容為王,但牌面也是很重要的!
小阿巴:“學(xué)到了!哥,原來你是個(gè)廢物?!?/p>
祝大家周末愉快!有幫助的話,求點(diǎn)個(gè)贊再走唄~
