Hugoのshortcodesは，テンプレートファイルとして用意したhtmlを呼び出すものです．Markdownで記述するコンテンツからは，逐一htmlを書くことなく，シンプルな記述で表現力が拡張されるように見えます．

Markdownの中で，NoteやTipsを表現するスタイルを探していたら，リンク先のような例があったのですが，そのまま利用できなさそうだったので，1ファイルで以下のようなスタイルを実現するshortcodesを用意しました．アイコンはMaterial iconsです．

github

たとえば，

{{< notice type=“note” >}} メモ {{< /notice >}}

と書くと，

のようにレンダリングされます．以下は他のサンプルです．

• misc
• HUGO