ITPub博客

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

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

作者:zuike2000 时间:2020-04-04 09:39:57 0 删除 编辑

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=python Logo图标
logoColor=red Logo图标颜色
style=for-the-badge 展示样式

其中需要介绍的是:

  • color:支持英文输入以及16进制编码输入
  • logo:是英文输入检索的, 详情你可以查询simpleicons.org
  • style:样式仅有plastic、flat、flat-square、for-the-badge、social五种

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

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

原文作者:;如有侵权,请联系管理员删除。

请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    404
  • 访问量
    2070