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 file:

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

Вы можете найти очень хорошую документацию о том, как использовать примечание с Гэтсби, на https://using -remark.gatsbyjs.org /

По вашему вопросу я нашел эту статью здесь .