ブログに草を生やす

2016rshah/githubchart-api を導入してみた。 GitHubのコントリビューション数が確認できる図なのだが、コントリビューションすると緑色のマークがつくので草を生やすなんていったりするらしい。 APIで取得できるものなら他に Grass-Graph も選択肢としてあったが、生成される透過画像に若干白色が混ざっていたりしたのでやめた。

色も変えられるらしい。水撒いてみました。

Shortcodes

本来はプロフィール画面むけだったが、どうせなのでShortcodesでも実装してみた。(shortcodes/github_chart.html)

<a href="https://github.com/{{ index .Params 0 }}" target="_blank" rel="noopener" style="text-align: center">
    {{- if index .Params 1 -}}
    <img src="https://ghchart.rshah.org/{{ index .Params 1 }}/{{ index .Params 0 }}" alt="{{ index .Params 0 }}'s Github chart" />
    {{- else }}
    <img src="https://ghchart.rshah.org/{{ index .Params 0 }}" alt="{{ index .Params 0 }}'s Github chart" />
    {{- end }}
</a>

呼び出し側は以下のように呼べばいい。(Shortcodesをちゃんと書くと呼び出されるので中身だけ)

最低限必要なのはGitHubのユーザーネーム。色を変えたかったらHexで指定する。

github_chart UserID

色を変えたい場合

github_chart UserID HexColor

余談

ユーザーネームは他人のものでもいけます。

Shortcodes#

余談#

Shortcodes

余談