External Links in Hugo Markdown erstellen

Wir möchten für den Besucher Verlinkungen in einen externen Link öffnen. In Hugo gibt es dafür keine Standardmethode. Alles, was wir in Hugo haben, ist Verweis für interne Websites.

Hugo bietet aber mit Hilfe von Shortcodes eine Möglichkeit zum Rendern mit einer vordefinierten Vorlage für Markdown. Wir können einen solchen Shortcode für target=’_blank’ erstellen.

Wir erstellen einen Ordner in /layouts mit dem Namen shortcodes und eine neue Datei mit dem Namen newtabref.html, die als Template für unseren Shortcode fungiert.

<a href="{{ .Get "href" }}" rel="noopener" target="_blank">{{ .Get "title" }}</a>

Schon fertig. Benutze den Shortcode in deinem Post:

{{< newtabref href="<YOUR EXTERNAL LINk>" title="<TITLE FOR LINK>" >}}

Quellen:

https://gohugo.io/content-management/shortcodes/
https://code.luasoftware.com/tutorials/hugo/how-to-create-link-with-target-blanks-in-hugo-markdown/