本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系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/
在这里插入图片描述

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

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐