amazonアソシエイトをhugoブログに貼る方法

· ☕ 1
🏷️
  • #hugo
  • お昼の記事でamazonアソシエイトの埋め込みがしたかったので、作りました。

    タグをhugoブログに貼りたい場合の基本は、{{}}です。

    これを使うことで、テーマ内のlayoutsの中のhtmlを呼び出すことができます。

    今回はlayouts/shortcodesの中に、以下のファイルを設置します。

    1
    
    <iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="{{.Get "src"}}"></iframe>
    

    で、使うときは、記事mdの中に

    {{\< amazon src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=encr-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B07R1H87Y1&linkId=f6e6404e1d788970807007bbfdacaf91" \>}}
    こう書きます。

    そうすると、↓こんな感じで埋めこめます。


    るな
    るな
    エンジニア