引言

先看看效果

当然，这只是最简单的用法，下面会全面介绍一下。

需要用到工具地址

• Shields.io: Quality metadata badges for open source projects

一、语法讲解

1. 单标签

• https://img.shields.io/badge/内容-自定义值(不显示)?color=blue

• https://img.shields.io/badge/-内容-blue

2. 双标签

• https://img.shields.io/badge/1OVE论坛-内容-blue

3. 添加图标

• 图标列表：Simple Icons
• https://img.shields.io/badge/内容-自定义值?color=颜色&logo=图标名&logoColor=图标颜色

4. 自定义logo

• https://img.shields.io/badge/内容-自定义值?color=颜色&logo=图标的Base64编码

• 注意图标不要太大

5. 自定义双标签的颜色

• https://img.shields.io/badge/左标签-右标签-自定义值?colorA=左标签颜色&colorB=右标签颜色

二、标签样式

1. 立体+圆角+矩形

• https://img.shields.io/badge/左标签-右标签-自定义值?style=plastic

2. 扁平+圆角+矩形

• https://img.shields.io/badge/左标签-右标签-自定义值?style=flat

3. 扁平+直角+矩形

• https://img.shields.io/badge/左标签-右标签-自定义值?style=flat-square

4. 大扁平+圆角+矩形+字母全大写

• https://img.shields.io/badge/左标签-右标签-自定义值?style=for-the-badge

5. Github样式

• https://img.shields.io/badge/左标签-右标签-自定义值?style=social

三、动态内容

1.Github Watch

• https://img.shields.io/github/watchers/用户名/仓库名?style=social&label=Watch

2. Github Star

• https://img.shields.io/github/stars/用户名/仓库名?style=social&label=star

3. Github Fork

• https://img.shields.io/github/forks/用户名/仓库名?style=social&label=Watch

四、特殊符号

1. 空格，需要用%20代替
2. 符号-，用双横杠代替，即 --