大家浏览GitHub Gitee的开源项目时，一定都见过很多README文档中会出现的五颜六色、各式各样的徽章图标，这些徽章图标大多都是通过https://shields.io 这个平台来生成的，而ICEUI中也增加了徽章生成功能。

直接通过url的方式引用到img标签中，url的使用方式如下：

例如：

该图片链接为：https://iceui.cn/badge/Mysql,5.7+/red

url说明：https://iceui.cn/badge/标题,内容/颜色

标题和内容用英文逗号隔开，默认为标题，内容为选填，颜色也为选填，例如：

设置颜色有两种形式，第一种使用平台内置的颜色列表：

第二种使用十六进制颜色，参考CSS中颜色使用方式，注意没有#这个符号，如下：

演示

时间 2022-02-22 09:13:01