Github 徽章shields使用教程

本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系QQ509961766

在这里插入图片描述
大家平时在逛GitHub,Gitee,各大论坛博客的时候,都有很好看很漂亮的徽章,这里就简单写个使用教程,方便大家使用。

shields.io

点击进入shields

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

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

  • 7
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

珍妮玛•黛金

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值