html - 如何让图标默认在新选项卡中打开超链接？

Question

目前我有一个四开博客，导航菜单中带有一些图标，每个图标都有一个指向另一个网站的超链接，但它们不会在另一个选项卡中打开，而是在与博客相同的选项卡中打开。

图标在文件 _quarto.yml 中配置，如下所示:

  navbar:
    left:
      - icon: stack-overflow
        href: https://stackoverflow.com/users/9696037/vin%c3%adcius-f%c3%a9lix  

我读了documentation , 并做了一些研究，我找到了方法，例如使用 target = "_blank"，但我不知道如何在 quarto 中配置它。

Answer 1

您可以使用 Lua 过滤器在新选项卡中打开外部链接:

function Link(link)
  if link.target:match '^https?%:' then
    link.attributes.target = '_blank'
    return link
  end
end

该代码由 @tarleb 在 Mastodon 上共享.

document关于如何在 Quarto 中使用 Lua 过滤器。