zoukankan      html  css  js  c++  java
  • github README添加badge标识,多彩的tag标签

    你是否见到别人的GitHub仓库里的README文件头部都是丰富多彩的badge标识,五颜六色的tag标签,其实配置起来很简单,可以参照下面的教程一步步配置即可~

    效果图

    使用示例

    标签制作网站:https://shields.io/

    制作静态标签,例如Author

    <img src="https://img.shields.io/badge/Author-Ritusan-orange" alt="Author" />
    

    配置说明:
    Author:可以换成你想展示的label文字;
    Ritusan:Author对应的值,换成你自己的;
    orange:标签label颜色;

    标签制作网站页面下拉,直到看到和下方图片一样的 Your Badge Static,就可以开始自定义配置了:

    依次填完 label,message,color 三个参数之后,点击 Make Badge,此时页面会跳转到一个新页面,你需要的就是复制新页面的地址为自己所用;

    制作动态标签

    获取依赖版本号

    <img src="https://img.shields.io/github/package-json/dependency-version/Ritusan/color-library/vue?color=brightgreen" alt="dependency-version" />
    

    配置说明:
    Ritusan:换成你的github名字;
    color-library:换成你的github里的一个仓库名字;
    vue:换成你的github仓库里的想要展示版本号的依赖;
    color:展示的颜色;

    点击标签之后会跳转到下面这个弹窗界面,依次输入你的参数信息即可,输完参数配置之后能实时预览到标签展示,可以点击下面按钮直接copy badge url;

    获取最后一次提交的日期 last commit

    <img src="https://img.shields.io/github/last-commit/Ritusan/color-library" alt="last-commit" />
    

    配置说明:
    Ritusan:换成你的github名字;
    color-library:换成你的github里的一个仓库名字;


    获取第一代码语言占比 top language

    <img src="https://img.shields.io/github/languages/top/Ritusan/color-library?color=yellow" alt="languages-top" />
    

    配置说明:
    Ritusan:换成你的github名字;
    color-library:换成你的github里的一个仓库名字;
    color:展示的颜色;


    结尾:完整的配置可参考我的GitHub的color-library仓库里的README.md文件,如果对您有帮助的话,请点一下star吧

    本文来自博客园,作者:叶子玉,转载请注明原文链接:https://www.cnblogs.com/knuzy/p/15320038.html

  • 相关阅读:
    starUML学习笔记一
    android 反编译教程
    android asyncTask 笔记
    android v13 的新特性
    ViewPage+Fragment+indicator+Tabhost效果
    android dp sp pt mm in px
    Tabhost+framgent+ViewPager滑动效果
    android studio github 项目导入问题
    Fragment 中 onCreate和onCreateView的区别
    android 抽屉式滑动demo
  • 原文地址:https://www.cnblogs.com/knuzy/p/15320038.html
Copyright © 2011-2022 走看看