Hugo - Link im neuen Tab öffnen lassen

2. Dezember 2024 · Andreas Petersell · Anleitungen · #hugo #blogging

In Markdown kann man standardmäßig nur Links zu Webseiten erstellen, die im selben Tab öffnen, nicht jedoch in einem neuen Tab geöffnet werden mit Hilfe des Attributs target="_blank".

Da ich inzwischen für das Schreiben meiner Hugo-Blogposts das Headless-CMS Frontmatter nutze, möchte ich für einfache Texte wieder vermehrt Markdown nutzen.

Quelle: How to target blank in md?

Anleitung

Das Attribut target="_blank" kann man mit Hilfe von Hugo-Shortcodes realisieren.

(1) - Erstellen Sie einen neuen Ordner shortcodes im Hugo-Verzeichnis layouts.

(2) - Erstellen Sie im neuen Verzeichnis eine neue HTML-Datei. Ich nenne sie wie im Beispiel unter Quellen a_blank.html.

(3) - Fügen Sie diesen Code hinein:

<a target="_blank" href="{{ .Get 1 }}">{{ .Get 0 | markdownify }}</a>

(4) - In der eigentlichen Markdown-Content-Datei fügen Sie den Shortcode folgendermaßen ein:

{{%/* a_blank "Shortcodes linking" "https://www.petersell.de" */%}}

Klickt man jetzt auf diesen Link Shortcodes linking, öffnet sich die Webseite in einem neuen Tab.

Weitere Quellen