Hugo で生HTMLを書く方法

Hugoの記事内でTwitterの埋め込みなどをしたくなったとき、生のHTMLを使ってほしい時があったので対応方法を調べて導入した。

参考: 【HUGO】マークダウンの中にHTMLコードを書いて表示する方法

HugoのThemeに {{ .Innner }} というショートコードを導入する必要があるらしい。

利用しているThemeをcloneして "layouts" フォルダ内に "rawhtml.html" というファイルを作成。
ファイルに {{ .Inner }} とだけ記載すると↓のように書くことで生HTMLが記事内で使えるようになった 🎉🎉

{{< rawhtml >}}
<code>
{{&lt; rawhtml &gt;}}
&lt;a href=&quot;/posts&quot;&gt;ほげほげ&lt;/a&gt;
{{&lt; /rawhtml &gt;}}
</code>
{{< /rawhtml >}}