This page looks best with JavaScript enabled

【Hugo】マークダウンリンクをデフォルトでtarget="_blank"にする

 ·   ·  ☕ 1 分で読めます
✏️

やりたいこと

1
[Google](https://google.com)

の出力はデフォルトでは以下のようになる。

1
<a href="https://google.com">Google</a>

とはいえ、リンクを貼るときは外部ページの方が多いため、デフォルトで新しいタブを開きたい。

1
<a href="https://google.com" target="_blank" rel="noopener">Google</a>

実装

layouts/_default/_markup/render-link.htmlファイルを追加し、マークダウン形式からHTMLへの変換を上書きする。

1
2
3
4
5
6
7
8
9
<a href="{{ .Destination | safeURL }}"
  {{ with .Title}}
    title="{{ . }}"
  {{ end }}
  {{ if strings.HasPrefix .Destination "http" }}
    target="_blank"
    rel="noopener"
  {{ end }}
>{{ .Text }}</a>

参考

Hugo 0.60 以降で「リンクを新しいタブで開く」方法 | mobiusone.org
Configure Markup | Hugo
rel属性「nofollow」「noreferrer」「noopener」の学び直し | ARAIGUMA NOTE

Share on

END
END
@aiandrox

目次