shields.io: quality metadata badges for open source projects 徽章
官網:github專案readme,其中不乏用到一些非常好看的標籤。比如下面這樣:
1.在shields.io 生成自己的標籤,注意:生成欄在**的最下面,下面的就是我生成
需要在your badge
下面填的內容。之後它會生成唯一連結。
2.因為readme預設支援markdown語法。所以我們很容易插入和用做為連結跳轉到別處。下面分別演示。繼續以
為例。a.只是顯示
!(https://
img.shields.io/badge/download-1k-brightgreen.svg)
[!(https://
img.shields.io/badge/download-1k-brightgreen.svg)](
)首先,我們要保證我們的庫已經publish到npm上,然後,進入該**配置你的npm倉庫**。
link,意思是點選該標籤會跳轉的地址,一般我們就直接跳轉到npm的地址即可;那關於整合測試的如何顯示呢?以react的為例,他們使用的是circleci來整合構建。npm,指我們需要獲取npm的資料,
所以比如將這個連結改為https:
同理,比如你要獲取npm版本;示例連結如下是https:
改成:https:
就是我v-tap的了:
首先,需要在你的專案下編寫circleci的配置檔案
machine:
node:
version: 6
test:
override:
- npm test
這是一個非常簡單的circle.yml配置檔案,當我們提交**的時候circle會自動幫我們構建並且執行npm test進行測試。如果測試都通過了則build passing
如我github的username是meckodo,一個配置了circle的repo為webpack-browser-log則標籤的連結為顯示如下
其他也都是大同小異!快去裝飾你的repo吧!
繫結域名