你是否見到別人的GitHub倉庫裏的README文件頭部都是豐富多彩的badge標識，五顏六色的tag標籤，其實配置起來很簡單，可以參照下面的教程一步步配置即可～
效果圖
使用示例
標籤製作網站：https://shields.io/
製作靜態標籤，例如Author
<img src="https://img.shields.io/badge/Author-Ritusan-orange" alt="Author" />
配置說明：
Author：可以換成你想展示的label文字；
Ritusan：Author對應的值，換成你自己的；
orange：標籤label顏色；
在標籤製作網站頁面下拉，直到看到和下方圖片一樣的 Your Badge Static，就可以開始自定義配置了：
依次填完 label，message，color 三個參數之後，點擊 Make Badge，此時頁面會跳轉到一個新頁面，你需要的就是複製新頁面的地址爲自己所用；
製作動態標籤
獲取依賴版本號
<img src="https://img.shields.io/github/package-json/dependency-version/Ritusan/color-library/vue?color=brightgreen" alt="dependency-version" />
配置說明：
Ritusan：換成你的github名字；
color-library：換成你的github裏的一個倉庫名字；
vue：換成你的github倉庫裏的想要展示版本號的依賴；
color：展示的顏色；
點擊標籤之後會跳轉到下面這個彈窗界面，依次輸入你的參數信息即可，輸完參數配置之後能實時預覽到標籤展示，可以點擊下面按鈕直接copy badge url；
獲取最後一次提交的日期 last commit
<img src="https://img.shields.io/github/last-commit/Ritusan/color-library" alt="last-commit" />
配置說明：
Ritusan：換成你的github名字；
color-library：換成你的github裏的一個倉庫名字；
獲取第一代碼語言佔比 top language
<img src="https://img.shields.io/github/languages/top/Ritusan/color-library?color=yellow" alt="languages-top" />
配置說明：
Ritusan：換成你的github名字；
color-library：換成你的github裏的一個倉庫名字；
color：展示的顏色；
結尾：完整的配置可參考我的GitHub的color-library倉庫裏的README.md文件，如果對您有幫助的話，請點一下star吧