前言
在看一些GitHub上第三方开源库时总会看到很多颜色鲜艳好看的svg图标,如:
sample
查看了一些第三方的README.md并百度谷歌下后发现其实很简单,只需要配置下就可以
参考
https://img.shields.io/badge/<图标前部分的文字>-<图标后部分的文字>-<颜色>.svg
注意点:
1、因为-是会用到的分割字符,如果文字中有-,如要用--来代替,如Objective-C要写成Objective--C
2、颜色可以是支持的英文,也可以是6位的16进制的字符串,如blue、0000ff
3、可以支持圆角、矩形样式、社交样式、还可以添加logo
具体demo:
1、瘦小的圆角矩形
![瘦小的圆角矩形](https://img.shields.io/badge/language-swift-brightgreen.svg?style=plastic)
2、正常大小的圆角矩形
![正常大小的圆角矩形](https://img.shields.io/badge/language-swift-green.svg)
3、正常大小的矩形
![正常大小的矩形](https://img.shields.io/badge/language-swift-yellowgreen.svg?style=flat-square)
4、普通社交样式
![社交样式](https://img.shields.io/badge/Stack_Overflow-10k+-yellow.svg?style=social)
5、带logo的社交样式
![带logo社交样式](https://img.shields.io/badge/GitHub-10k+-yellow.svg?style=social&logo=github)
网友评论