美文网首页
GitHub的README.md制作好看的svg图标

GitHub的README.md制作好看的svg图标

作者: 独孤流 | 来源:发表于2019-01-31 12:22 被阅读53次

    前言

    在看一些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)
    

    相关文章

      网友评论

          本文标题:GitHub的README.md制作好看的svg图标

          本文链接:https://www.haomeiwen.com/subject/yylksqtx.html