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

Question

我想知道是否有一种方法，可能是通过为gatsby-transformer-remark 创建一个插件，可以将相对路径链接转换为使用来自gatsby-link 的<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 中使用 remark 的非常好的文档

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