Markdown玩法:生成小标签

小白教程 小技巧 原创
已认证 BOSS 7月前

912 0

引言

先看看效果

1OVE论坛: BOSS (shields.io)

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

需要用到工具地址

一、语法讲解

1. 单标签

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

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

内容 (shields.io)

2. 双标签

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

1OVE论坛: 内容 (shields.io)

3. 添加图标

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

1OVE生态 (shields.io)

4. 自定义logo

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

  • 注意图标不要太大

5. 自定义双标签的颜色

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

1OVE论坛: BOSS (shields.io)

二、标签样式

1. 立体+圆角+矩形

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

1OVE论坛: BOSS (shields.io)

2. 扁平+圆角+矩形

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

1OVE论坛: BOSS (shields.io)

3. 扁平+直角+矩形

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

1OVE论坛: BOSS (shields.io)

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

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

1OVE论坛: BOSS (shields.io)

5. Github样式

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

1OVE论坛: BOSS (shields.io)

三、动态内容

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. 符号-,用双横杠代替,即 --
近段时间做甩手掌柜,不问事,有事请找管理。
最新回复 (0)
    • 1OVE论坛
      2
        登录 注册
返回