2001Yのプロフォール画像

2001Y@Y20010920T

「[Hugo]ショートコードを記事内のコードブロックに表示させる」のアイキャッチ画像

Hugoで記事内のコードブロックにショートコードを表示させるのに手こずったのでメモ。公式コミュニティに対処法が書かれていました。

ショートコードを /* と */ で囲む

ショートコードを以下のように、/**/ で囲むことで表示させることができました。

{{</*/* shortcode */*/>}}

Demo {{</* shortcode */>}}と表示されているはず

{{</* shortcode */>}}

さいごに

ちなみに、このショートコードを記事内に表示させるためのコードを表示させるためには以下のコードで表示させてます笑

{{</*/*/* shortcode */*/*/>}}

(このコードを載せるためにはさらに/**/を追加している。)