Gatsby.js：在Markdown中预处理相对路径链接

Question

我想知道是否有办法，可能是通过为gatsby-transformer-remark创建插件，可以转换相对路径链接，就好像他们使用<Link>中的gatsby-link一样

例如，假设我在降价文件中有以下内容：

# Here is a Header

Check out my about page:

[About](/about)

如果我导入此降价并显示：

<div dangerouslySetInnerHTML={{ __html: whatever.childMarkdownRemark.html }} />

然后，当点击“关于”链接时，它会破坏单页应用程序魔力。

有什么方法可以阻止这种情况吗？提前谢谢。

Answer 1

有一个名为gatsby-plugin-catch-links的插件。

安装它：

npm install --save gatsby-plugin-catch-links

将其添加到 gatsby-config.js 文件中：

// In your gatsby-config.js
plugins: [`gatsby-plugin-catch-links`];

您可以在https://using-remark.gatsbyjs.org/

找到关于如何在Gatsby中使用评论的非常好的文档

对于您的问题，我找到了this article here。