Hugoで外部リンクを新規タブで開く

toc目次

Hugoのリンクについて

Hugoはデフォルトでリンク先を現在のウインドウ(target="_self")で開きます。

Hugoで外部リンクを新規タブで開く

Hugo(v0.62.0)以降ではlayouts/_default/_markupフォルダーにrender-link.htmlを作成することで外部リンクを新しいタブ(target="_blank")で開くようになります。

<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>

参考