如何在MDX中使用target=”blank”来创建外部链接?

huangapple go评论71阅读模式
英文:

How can I use target="blank" in an external link on MDX?

问题

我正在使用NextJS和MDX创建一个博客,并希望在外部链接中添加target="_blank"

通常,我会在普通的Markdown中使用以下格式来实现:[文字](链接){:target="_blank"},但在MDX中,这不起作用。

英文:

I am creating a blog with NextJS and MDX, and I would like to add a target="_blank" to external links.

Normally I do it with regular Markdown using the following format [words](link){:target="blank"} but this is not working properly in MDX.

答案1

得分: 3

你正在寻找的是这个链接:https://stackoverflow.com/a/71677705,

即在您的 <Head> 元素中添加以下代码:

<base target="_blank"></base>

在您的 _app.js 或 layout.js 脚本中。这将使呈现的 Markdown 链接在新标签页中打开。

英文:

What I believe you are looking for is this: https://stackoverflow.com/a/71677705,

i.e. adding

<base target="_blank"></base>

to your <Head> element in i.e. your _app.js or layout.js script.

This makes the rendered markdown urls to be opened in a new tab.

huangapple
  • 本文由 发表于 2023年3月4日 09:41:01
  • 转载请务必保留本文链接:https://go.coder-hub.com/75633163.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定