この記事でやること #
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コピペ出来たら、正しく動作しているかテストを行ってみてください。
