このサイトはhugoで作成しているので、各種Webサービスの埋め込みタグを使うのにShortcodeを使います。
巷で見かけるYouTubeのShortcodeと同様に、ニコニコのサムネ埋め込むやつを用意したのでメモ。どこかにきっと同じようなこと書いている人がいるかと思いますが、まあ信憑性の担保ということで。

shortcode.htmlの作成

layouts/shortcodes/niconico.html を以下のように記載する。

1
2
3
4
5
6
7
<div class="embed video-player">
    <iframe width="312" height="176" src="https://ext.nicovideo.jp/thumb/{{ index .Params 0 }}" scrolling="no" style="border:solid 1px #ccc;" frameborder="0">
        <a href="https://www.nicovideo.jp/watch/{{ index .Params 0 }}">
            {{ index .Params 1 }}
        </a>
    </iframe>
</div>

記事に引用

実際の記事(.md)では以下のように引数を指定する。
(第1引数:動画ID 第2引数:動画タイトル)

1
{{< niconico sm21399815 "【海歌シンオリジナル曲】ユクスキュルの壁(Full ver.)【UTAU/MMD-PV】" >}}

表示

出力は以下のようになる。

参考URL