Add a parameter to open all external links in a new tab

[MattDelac]

It would be nice to have an parameter in the config.toml where people could choose to open all external links to new tabs by default (by adding target=_blank" in the rendered html).

I looked at generic solutions coming with Hugo and it sounds like this should be handle at the theme level.

Please feel free to point me toward the right direction if there is already a solution.

Thanks in advance

[iDvel]

try this:

[markup]
  defaultMarkdownHandler = 'blackFriday'
  [markup.blackFriday]
    hrefTargetBlank = true

---

if you still want to use Goldmark.
create render-link.html at ./themes/<你的主题>/layouts/_default/_markup/render-link.html.

<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>

[MattDelac]

try this:

[markup]
  defaultMarkdownHandler = 'blackFriday'
  [markup.blackFriday]
    hrefTargetBlank = true

This worked perfectly. Thanks 🙌

[lyhsieh]

Hello, may I ask where should I add these text?

[MattDelac]

I put that in the config.toml

[lyhsieh]

Thanks a lot!
But my config file is .yml file instead of .toml file.
Is there a solution for config.yml file?

[Nydid]

Thanks a lot! But my config file is .yml file instead of .toml file. Is there a solution for config.yml file?

markup:
  defaultMarkdownHandler: blackFriday
  blackFriday:
    hrefTargetBlank: true

[RoneoOrg]

Thanks a lot! But my config file is .yml file instead of .toml file. Is there a solution for config.yml file?

Here is a converter Toml - Yaml: https://toolkit.site/format.html

[parwam]

Check this solution by the author of the theme himself, as well:
https://adityatelange.in/blog/hugo-external-link-new-tab/