画像込みの書籍紹介カード

Amazonアソシエイトから画像付きリンクを生成する機能がなくなっていた¹ので、Amazonのガイドラインを遵守しつつ²カード風に表示するHTMLを書いた。それをHugoのShortcodeを使い簡単に呼び出せるようにする。具体的には、

{{- $url := .Get "url" }}
<div class="amazon-card">
    <a href="{{ $url }}"></a>
    <!— details omitted  —>
</div>
<style>
/* detail omitted */
</style>

という amazon.html を layout/shortcodes に置き、記事中で

{{< amazon url="link to Amazon" >}}
Main contents ...

と呼び出せばいい。表示はこんな感じ。

デッドデッドデーモンズデデデデデストラクション（１） 浅野 いにお

(この前Amazon Primeで配信されていたアニメ全18話を見終わり、とても面白かったので原作を読み始めたところ)