markdown - 如何在 Gatsby 项目中的 markdownRemark 中渲染链接

Question

我正在致力于在 Gatsby 中构建一个 Markdown wiki。

它基于 gatsby-blog 启动器。它使用 markdownRemark 解析 /content/wiki/ 中的 markdown 文件以显示为 html 页面。

在组件中，我当然可以写出一个简单的文本链接:

<Link to={`/Some_File`}>Some File</Link>

但在我的 Markdown 文件中，链接简单地写为:

[Some File](Some_File)

问题是，当向 Markdown 文件添加文本链接时，单击链接时会导致页面刷新。

有什么方法可以在 Markdown 文件中渲染路由器链接吗？

Answer 1

gatsby-plugin-catch-links似乎是实现这一目标的最佳方式(也在 gatsby 不和谐 channel 中得到证实)。

来自自述文件:

安装

npm install gatsby-plugin-catch-links

用法

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