GitHub项目主要依赖的图标展示

7,506 阅读2分钟

MedusaSorcerer的博客


接着 Github表情语法:为你的Markdown文章加上表情 后, 我们的需求将继续更新, 那我们看到很多大佬的仓库都带有类似这样的标识:

像一般的项目README文件都会附带项目的依赖和其版本号, 图示的LOGO只要你访问 这个链接 就可以看到, 这个就是 Shields IO 语法, 而他提供的是一个可访问的API, 仅需要在吧这个API放置在README.md文件中即可生效, 你可以在界面上可视化自定义样式以及内容:

那我们怎么定义一个我们想表达的图标信息呢?

https://img.shields.io/badge/python-3.7.2-red

这个是一个示例, 包含以下信息:

参数内容参数说明
https://img.shields.io/badge/请求数据的URL前缀内容
/python-3.7.2-red<标签名>-<标签描述>-<标签颜色>

所以上例展示出来的效果就是这样的 当然, 你在掘金上展示该效果仅需要这样做:

![](https://img.shields.io/badge/python-3.7.2-red)

那我想加Logo怎么办呢? 我这儿还有一个例子:

https://img.shields.io/github/followers/MedusaSorcerer?color=blue&label=info&logo=python&logoColor=red&style=for-the-badge

参数说明:

参数内容参数说明
https://img.shields.io/github/followers/请求数据的URL前缀
MedusaSorcerer?用户名
color=blue覆盖内容的背景色
label=info覆盖的内容
logo=pythonLogo图标
logoColor=redLogo图标颜色
style=for-the-badge展示样式
其中需要介绍的是:
  • color:支持英文输入以及16进制编码输入
  • logo:是英文输入检索的, 详情你可以查询simpleicons.org
  • style:样式仅有plasticflatflat-squarefor-the-badgesocial五种

那具体操作, 官方都有详细的文档介绍, 我们可以戳进去制作你需要的图标样式。

2020年04月04日, 我们缅怀同胞, 致敬英雄, 武汉加油, 中国加油!