Featured image of post HUGOで作ったサイトにアマゾンのアフィリンクを貼る

HUGOで作ったサイトにアマゾンのアフィリンクを貼る

HUGOで作ったサイトにアマゾンのリンクを貼る方法の備忘録です。

HUGOの仕様

 静的サイトジェネレータ “HUGO” は、テーマの制作者がGitHubに上げているリポジトリをサブモジュールとして使うことで自分のサイトにテーマを導入します。ゆえに、テーマのレイアウトに関わるコードを直接書き換えることはできません(ローカルファイルは書き換えられますが)。  しかしHUGOの仕様として、/static/layouts以下のフォルダやファイルが優先して読み込まれるというものがあります。

ではどうするか

 当サイトのテーマを例にすると、/themes/hugo-theme-stack/layouts/partials/sidebar/right.htmlを書き換えたい場合、該当のファイルを/layouts/partials/にコピー&ペーストすると、そちらの方が先に読み込まれるので結果的に編集して上書きが可能なわけです。  あとはAmazonのアフィリエイトリンクのHTMLコードを生成して、上記のright.htmlに書き込むとちゃんと表示されました。