Shortcodeのテスト

Hugoに標準で搭載されているshortcode

figure

{{< figure src="https://i.imgur.com/4Ynt1Kz.jpg" title="title" width="320" >}}

Gist

{{< gist spf13 7896402 >}}

highlight

{{< highlight html >}}
<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
    {{ range .Pages }}
        {{ .Render "summary"}}
    {{ end }}
  </div>
</section>
{{< /highlight >}}

<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
    {{ range .Pages }}
        {{ .Render "summary"}}
    {{ end }}
  </div>
</section>

通常のコードブロック同様なので使い所はないかも

Twitter

{{< tweet 877500564405444608 >}}

Hugo 0.24 Released: Big archetype update + @Netlify _redirects etc. file supporthttps://t.co/X94FmYDEZJ #gohugo #golang @spf13 @bepsays

— GoHugo.io (@GoHugoIO) June 21, 2017

Vimeo

{{< vimeo 146022717 >}}

Youtube

{{< youtube w7Ft2ymGmfc >}}

自作 Shortcode

Amazon

{{< amazon asin="B00285ULM2" title="VICTORINOX(ビクトリノックス) ナイフ クラシックSD T2 " >}}

VICTORINOX(ビクトリノックス) ナイフ クラシックSD T2 amazon.co.jp

HugoからAstroへ移行し、ヘッドレスCMSとしてStrapiを導入。

Hugoでの運用に見切りをつけてAstroに移行しました。結果としてこちらのほうが色々としっくり来ています。