Shields.io
静的なバッヂ
[https://img.shields.io/badge/${subject}-${status}-${color}.svg]
subject : バッジの左側に入る文言
status : バッジの右側に入る文言
color : 色
例 : https://img.shields.io/badge/Shields.IO-000.svg?style=for-the-badge&logo=Shields.io
https://img.shields.io/badge/dynamic/json.svg?label=${subject}&uri=${URL}&query=${JSONPath}&color=${color}&prefix=${prefix}&suffix=${suffix}
Scrapboxのページ数の監視もできる
https://img.shields.io/badge/dynamic/json.svg?color=green&style=for-the-badge&label=アープラノート&suffix=+pages&query=$.count&url=https://scrapbox.io/api/pages/arpla#.svg
https://img.shields.io/badge/dynamic/json.svg?color=green&style=for-the-badge&label=井戸端&suffix=+pages&query=$.count&url=https://scrapbox.io/api/pages/villagepump#.svg
クエリ
style
plastic
flat
flat-square
for-the-badge
social
logo
https://img.shields.io/badge/つぶやき-blue?style=social&logo=twitter#.svg
logoColor
labelColor
左側の部分の色を変える
color
参考