Hugoで別タブ指定ができなかったときの対処法

2026-01-08 #Hugo

この記事でやること

Hugoで別タブ指定したうえでリンクを開けるようにする。

環境

Windows11
PowerShell
Hugo extended 0.154.2
Stack
Git

タグを使う

Markdown記法だけではそもそも別タブ指定ができません。
そのため、HTMLを使って指定する必要があります。

<a href="リンク" target="_blank" rel="noopener">
表示するテキスト
</a>

コピペして、リンクと表示するテキストを変更してください。

Goldmarkのunsafeを有効にする

Hugoはデフォルト設定だと、生HTMLを描画しないという挙動になっています。
そのため、先ほどのHTMLを書いただけでは無視されてしまい表示されません。
ではどうするのかというと、Markdownファイルを処理するGoldmarkというエンジンの設定で、直接HTMLコードを記述できるようにする設定であるunsafeを有効にして動かします。
hugo.tomlに以下のコードを既存のコードの下に付け足してください。

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

コピペ出来たら、正しく動作しているかテストを行ってみてください。