之前在看一些項(xiàng)目時(shí)枢舶，readme文件中往往有如下形式的一些標(biāo)簽：
chrome_GJ0M7kSQk7.png
感覺使用這些標(biāo)簽可以鮮明地標(biāo)示項(xiàng)目的主要類別和使用的相關(guān)技術(shù)集乔，我下載了相關(guān)的readme文件殉挽，看了一下markdown語言中的圖片的網(wǎng)址剿牺，大致看了一下郭变，終于搞懂了原理颜价。標(biāo)簽制作網(wǎng)址是這個(gè): https://shields.io,打開網(wǎng)站拉到下面，如下：
chrome_914pAWB38s.png
準(zhǔn)確來說是這個(gè)：
chrome_s02Ew5VAN5.png
試試在label诉濒、message周伦、color分別輸入評(píng)分、★★★☆☆未荒、brightgreen后专挪，再點(diǎn)擊Make Badge，效果是這樣的：
KqcG3kO4SW.png
復(fù)制圖片網(wǎng)址即可在需要的地方使用片排。
一些技巧
上面的網(wǎng)址如下：
https://img.shields.io/badge/評(píng)分-★★★☆☆-brightgreen.svg
分析這個(gè)網(wǎng)址即可發(fā)現(xiàn)不必每次都在這個(gè)網(wǎng)站制作寨腔，只需要替換相關(guān)部分字符即可。
eg：
更換顏色：
https://img.shields.io/badge/評(píng)分-★★★☆☆-blue.svg
效果：
KqB0g6tEKe.png
更換字符：
https://img.shields.io/badge/stars-★★★★★-brightgreen.svg
效果：
OiKVYoKDCf.png
另外
這個(gè)網(wǎng)站還有許多其它的圖片制作工具率寡，感興趣可以自己研究一下o（＾?＾）o
