Github 徽章shields使用教程

本博客屬作者原創,未經允許禁止轉載,請尊重原創!如有問題請聯繫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/
在這裏插入圖片描述

用法都差不多,就是樣式的區別了,有問題請指正,謝謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章