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/
在这里插入图片描述

用法都差不多,就是样式的区别了,有问题请指正,谢谢!

发布了75 篇原创文章 · 获赞 44 · 访问量 51万+

猜你喜欢

转载自blog.csdn.net/u013254183/article/details/105182357
今日推荐