README.mdにバッジをつけてみた
README.mdにshields.ioを使って独自のバッジをつけてみました!
記事の投稿数はAPI作ってやってます。
今は記事数だけ取得できるようにしてあります。
読み込む方法はhttps://img.shields.io/badge/dynamic/json.svg?label=Post%20Count&colorB=24bd4d&query=$.posts&uri=https%3A%2F%2F0505Keitan.com%2Fblog%2Fapi.json
を画像として埋め込んでやればOK。簡単ですね。
APIは普通にJSON形式にして、Jekyllの変数使って表示させてます。
---
---
{
"posts": 30
}
---
←なんかこれがないとJekyllの変数読み込んでくれないのでとりあえずつけてます。もしかしたらいらないのかも?
参考
Share
Tweet