calendar

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

category Hugo
tag Hugo tag 設定
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>

参考