Shields.io
SVG形式のバッジサービス
URLのパターンでカスタムバッジを作ることができる
[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
Scrapboxのロゴにも対応している
https://img.shields.io/badge/-Scrapbox-06B632.svg?logo=Scrapbox&style=for-the-badge&logoColor=white
プロジェクトのページ数の表示もできる(公開プロジェクトのみ)
https://img.shields.io/badge/dynamic/json.svg?logo=Scrapbox&color=06B632&style=for-the-badge&label=ページ数&suffix=+pages&query=$.count&url=https://scrapbox.io/api/pages/customize#.svg
[https://img.shields.io/badge/dynamic/json.svg?logo=Scrapbox&color=06B632&style=for-the-badge&label=ページ数&suffix=+pages&query=$.count&url=https://scrapbox.io/api/pages/customize#.svg]
url=https://scrapbox.io/api/pages/customizeはプロジェクトの情報を取得するScrapboxのAPI
customize はこのプロジェクトを指す
APIの返り値は JSONデータになる
返り値の JSONデータに.countというプロパティがあり、この中に総ページ数の値(数値)が入っている
.countを(適切な書式を設定して)Shields.ioに送ると、プロジェクトのページ数の画像が生成される