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.
Voraussetzung
Damit HTML-Code innerhalb der Markdown-Datei gerendert wird, muss einmalig in der config.toml
folgender Eintrag gemacht werden:
[markup.goldmark.renderer]
unsafe = true
(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.