Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields

2 生成徽章

2.1 编辑链接生成徽章

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)

2 生成徽章

2.1 编辑链接生成徽章

Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields

2 生成徽章

2.1 编辑链接生成徽章

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)
1

# 
Shields使用教程
*前言:*   *Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。* ## 1 Shields    [Shields](https://shields.io/ "Shields") 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。 ![Shields](https://blogimage-1302867234.cos.ap-chengdu.myqcloud.com/blogimage/docs/工具/Shields/Shields.png "Shields") ## 2 生成徽章 ## 2.1 编辑链接生成徽章 ![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')
1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)


  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields

2 生成徽章

2.1 编辑链接生成徽章

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields

2 生成徽章

2.1 编辑链接生成徽章

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)
1

# 
Shields使用教程
*前言:*   *Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。* ## 1 Shields    [Shields](https://shields.io/ "Shields") 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。 ![Shields](https://blogimage-1302867234.cos.ap-chengdu.myqcloud.com/blogimage/docs/工具/Shields/Shields.png "Shields") ## 2 生成徽章 ## 2.1 编辑链接生成徽章 ![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')
1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)


  更多的风格可以查看官网上的 STYLES 描述。

Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields

2 生成徽章

2.1 编辑链接生成徽章

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

[

Shields使用教程

前言:
  Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。

1 Shields

   Shields 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。

Shields

2 生成徽章

2.1 编辑链接生成徽章

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)
1
[
# 
Shields使用教程
*前言:*   *Shields是制作徽章的工具,在各大代码托管平台上被广泛使用,掌握它将利于我们编写出更加漂亮规范的README说明。* ## 1 Shields    [Shields](https://shields.io/ "Shields") 是目前主流的徽章制作工具,简介快速生成徽章,可以嵌入到网页或Markdown中。 ![Shields](https://blogimage-1302867234.cos.ap-chengdu.myqcloud.com/blogimage/docs/工具/Shields/Shields.png "Shields") ## 2 生成徽章 ## 2.1 编辑链接生成徽章 ![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')
1
![label-message-red](https://img.shields.io/badge/label-message-red 'label-message-red')

  语法格式如下:

1
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

  通过Shields语法规则生成徽章非常简单,<LABEL>-<MESSAGE>-<COLOR> 由三部分构成,中间通过 - 分隔。

  • <LABEL> : 标签文本,固定为灰色背景。非必须,可省略不写;
  • <MESSAGE> : 标签描述信息,必须,可指定背景颜色;
  • <COLOR> : 指定Message背景颜色,必须;

  再简单的规则也需要记忆,好在Shields官网提供了便捷的生成徽章方式。

2.2 官网便捷生成徽章

  在Shields官网上找到 YOUR BADGE 栏填写想要生成的徽章信息,点击 Make Badge 即可生成徽章,在弹出的新网页中复制链接即可。

Static

3 修改徽章风格

  在徽章链接的末尾追加 ? 开头的参数描述,可以修改徽章风格,比如以下链接修改了徽章风格。

label-message-red

1
![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')

  更多的风格可以查看官网上的 STYLES 描述。

Styles

4 在Markdown中嵌套链接

  在Markdown中通过嵌套可以实现徽章点击后跳转链接。

label-message-red

1
[![label-message-red](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor 'label-message-red')](https://img.shields.io/badge/label-message-brightgreen?style=plastic&logo=appveyor)