Github美化 添加徽章

Github美化 添加徽章

• 0. 前言
• 1. 準備
• 2. 開始
• • a. 打開shields.io
  • b.製做靜態徽章
  • c.製做動態徽章
  • d. 結果
• 3.額外

0. 前言

以前看見不少大項目都有不少勳章，好比這種

可是一直沒找到教程去作，最近找到了，謹以此篇記錄下

1. 準備

• github項目，有readme.md
• 可上網瀏覽器，打開shields.io網址

2. 開始

a. 打開shields.io

b.製做靜態徽章

靜態徽章經常使用於展現做者，網站什麼的
滑動到頁面底下

輸入label,message,color
好比: author,Nambers,red，點後面的按鈕，而後就會跳轉到一個圖片，複製這個網址，而後按照markdown格式輸入到項目的readme.md裏，好比

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

就能夠添加進去了
PS:若是沒顯示，是網絡問題，多刷新幾回就能夠了

c.製做動態徽章

動態徽章經常使用於表示star數，fork數或者最後commit日期什麼的
在shields.io的搜索框輸入關鍵詞或者在下面的連接找，好比表示star數

1. 搜索
   
2. 找到github點開
   
3. 輸入本身項目信息
   
4. 複製markdown格式
   
5. 黏貼到readme.md裏

d. 結果

3.額外

github裏面倉庫有個彩蛋，新建一個和你用戶名相同名字的倉庫，就能夠在首頁展現出這個倉庫的readme.md

而後在這個readme.md裏面黏貼這個markdown代碼就能夠展現出這個評分牌了

[![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-