Hugoのshortcodesでnicovideoの埋め込みを簡単にする

！Nikola に乗り換えたので、現在以下のショートコードは動作しません

Hugo には shortcodes という仕組みで、カスタムタグみたいなことを実現できるみたいです。 そこで、ニコニコ動画の動画サムネイルやプレイヤーの埋め込みを行う shortcodes を書いてみました。

動画サムネイル

layouts/shortcodes/nicovideo.html として、以下をおきます。

<iframe width="312" height="200" src="http://ext.nicovideo.jp/thumb/{{ .Get 0 }}" scrolling="no" style="border:solid 1px #CCC;" frameborder="0">
</iframe>

記事の Markdown では以下のように書きます。

｛｛<nicovideo sm9 >｝｝

・・・code fence の中でさえ shortcodes の置き換えが利いちゃうので、全角｛を半角に書き換えてください。

こうなります。 {{< nicovideo sm9 >}}

動画プレイヤー

同じ nicovideo にして、if で分岐させようと思ったのですが、色々やってもうまくいかなかったので別の名前の shortcodes にしちゃいました。

{{ $sm := .Get 0 }}
{{ $url := printf "http://api.ce.nicovideo.jp/nicoapi/v1/video.info?v=%s&__format=json" $sm }}
{{ $dataJ := getJSON $url }}
{{ $title := $dataJ.nicovideo_video_response.video.title }}
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/{{ $sm }}?w=490&amp;h=307"></script>
<noscript><a href="http://www.nicovideo.jp/watch/{{ $sm }}">{{ $title }}</a></noscript>

使い方はこう。

｛｛<nicovideoplayer sm9 >｝｝

こうなります。 {{}}