天天看點

給你的README整一些花裡胡哨的圖檔

在浏覽人類精華寶庫GitHub時,老肥注意到有些項目的README檔案中會展示其Star以及Fork的數目,如下圖所示,

給你的README整一些花裡胡哨的圖檔
還有一些項目的README則是展示另外一番酷炫效果,好一番亂花漸欲迷人眼~
給你的README整一些花裡胡哨的圖檔
那麼如何在markdown檔案中寫入這些花裡胡哨的圖檔呢?“聰明”的我去閱讀了這些倉庫的README檔案,發現是這個樣子的

![GitHub stars](https://img.shields.io/github/stars/sfyc23/EverydayWechat.svg?style=social)      

顯然,得到star和fork圖檔的url連結了,可以看到其構造形式為

https://img.shields.io/github/stars/<username>/<reponame>.svg      

我們隻需要添加自己的GitHub使用者名以及倉庫名,便可以生成star圖檔,fork也是同理可得,下圖是我的一個代碼倉庫(感興趣的童鞋底部傳送門),我在README的頂部添加了如下圖檔,是不是看起來逼格滿滿呢!

給你的README整一些花裡胡哨的圖檔

同樣我們也知道這些svg圖像的出處了,它就是https://img.shields.io/ ,不妨去一探究竟。

給你的README整一些花裡胡哨的圖檔

我們可以在此處分别填入标簽、摘要以及顔色,便可以生成自己想要的圖案,圖檔連結如下,

https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>      
給你的README整一些花裡胡哨的圖檔

另外我們還可以選擇風格不同的圖檔,給出如下幾個示例

給你的README整一些花裡胡哨的圖檔

具體的圖檔連結需要在上述圖檔連結後添加對應的内容,style以及logo的内容,其中logo支援自定義,可以上傳圖檔的base64編碼。

給你的README整一些花裡胡哨的圖檔