Github美化 添加徽章

0. 前言

以前看见不少大项目都有不少勋章,好比这种
徽章示例https://img.shields.io/badge/star-1k-green
可是一直没找到教程去作,最近找到了,谨以此篇记录下html

1. 准备

  • github项目,有readme.md
  • 可上网浏览器,打开shields.io网址

2. 开始

a. 打开shields.io

网站

b.制做静态徽章

静态徽章经常使用于展现做者,网站什么的
滑动到页面底下
网页
输入label,message,color
好比: author,Nambers,red,点后面的按钮,而后就会跳转到一个图片,复制这个网址,而后按照markdown格式输入到项目的readme.md里,好比git

![ ](https://img.shields.io/badge/author-Nambers-red)

就能够添加进去了
PS:若是没显示,是网络问题,多刷新几回就能够了github

c.制做动态徽章

动态徽章经常使用于表示star数,fork数或者最后commit日期什么的
在shields.io的搜索框输入关键词或者在下面的连接找,好比表示star数web

  1. 搜索
    搜索
  2. 找到github点开
    演示
  3. 输入本身项目信息
    项目
  4. 复制markdown格式
    复制
  5. 黏贴到readme.md里

d. 结果

成品

3.额外

github里面仓库有个彩蛋,新建一个和你用户名相同名字的仓库,就能够在首页展现出这个仓库的readme.md
额外
而后在这个readme.md里面黏贴这个markdown代码就能够展现出这个评分牌了api

[![Nambers's github stats](https://github-readme-stats.vercel.app/api?username=Nambers&show_icons=true)](https://github.com/anuraghazra/github-readme-stats)

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=Nambers&layout=compact)](https://github.com/anuraghazra/github-readme-stats)

把里面的username改为你的用户名
统计卡详见github项目浏览器

-END-
相关文章
相关标签/搜索