使用 Gatsby 在 Markdown 中创建空白链接

介绍

在 Gatsby 中使用 Markdown 创建链接是非常常见的，但有时我们需要在链接中添加一个 target="_blank" 属性，以在新标签页中打开链接。在本文中，我们将学习如何在 Gatsby 的 Markdown 中创建一个空白链接。

实现步骤

1. 在 Markdown 文件中创建链接，并添加 target="_blank" 属性。

[我的博客](https://example.com/){target="_blank"}

2. 但是在默认的情况下，Gatsby 将忽略所有的链接选项。因此，我们需要配置 Gatsby 插件，以在构建时解析链接。我们将使用 gatsby-remark-external-links 插件。

npm install gatsby-remark-external-links

3. 然后，将插件添加到 Gatsby 的配置文件中。

// gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-external-links`,
            options: {
              target: `_blank`
            }
          }
        ]
      }
    }
  ]
}

4. 构建你的 Gatsby 网站，然后你会发现你的链接包含了 target="_blank" 属性，并且能在一个新的标签页中打开。

[我的博客](https://example.com/){target="_blank"}

结论

在这篇文章中，我们学习了如何在 Gatsby 的 Markdown 中创建一个空白链接。通过使用 gatsby-remark-external-links 插件，我们可以解析链接的选项，并在构建时包含这些选项。