本博客屬作者原創,未經允許禁止轉載,請尊重原創!如有問題請聯繫QQ509961766
大家平時在逛GitHub,Gitee,各大論壇博客的時候,都有很好看很漂亮的徽章,這裏就簡單寫個使用教程,方便大家使用。
shields.io
shields.io是用的最多的徽章製作工具,支持靜態動態,各種樣式尺寸顏色格式,svg,png,
製作方法一
鼠標向下滾動,找到Your BADGE 專屬定製徽章,輸入武漢加油,選擇顏色,如下圖,然後點擊make badge按鈕生成圖片
製作方法二
在瀏覽器地址欄直接輸入https://raster.shields.io/badge/Maven-3.1±red.svg回車就可以生成
Maven-3.1±red.svg這個可以隨意更換,顏色和格式也可以換,例如Mysql-5.7±yellow.png
可以直接圖片另存爲使用,也可以直接用markdown的格式來使用,例如下面3種都可以
//Badge URL
https://raster.shields.io/badge/Maven-3.1+-red.svg
//markdown
![maven](https://img.shields.io/badge/Redis-5.0+-yellow.svg)(https://redis.io/)
//html
<img alt="NPM" src="https://raster.shields.io/badge/Maven-3.1+-red.svg">
這個shields.io裏面還有好多好玩的,各種各樣的樣式都用,還可以加入動態,icon等等,大家有興趣可以慢慢研究。
其他徽章工具推薦
鏈接地址:https://badgen.net/
鏈接地址:https://forthebadge.com/
鏈接地址:https://badge.fury.io/
用法都差不多,就是樣式的區別了,有問題請指正,謝謝!