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">Google</a>

実装

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

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

参考

Hugo 0.60 以降で「リンクを新しいタブで開く」方法 | mobiusone.org
Configure Markup | Hugo

Share on

aiandrox
Written by
aiandrox
今日も楽しく明日も楽しく

目次