代码之家 › 专栏 › 技术社区 › dougmacklin

盖茨比。js:在Markdown中预处理相对路径链接

contentful gatsby markdown reactjs

dougmacklin · 技术社区 · 6 年前

我想知道是否有一种方法,可以通过为 gatsby-transformer-remark ,可以将相对路径链接转换为使用 <Link> 从…起 gatsby-link 。

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

# Here is a Header

Check out my about page:

[About](/about)

如果我导入此标记并使用以下内容显示它:

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

然后,当点击“关于”链接时,它打破了单页应用程序的魔法。

有什么方法可以防止这种情况发生吗?提前谢谢。

1 回复 | 直到 6 年前

Nenu 6 年前

安装它:

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

将其添加到 盖茨比配置。js公司 文件:

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

你可以在以下网址找到关于如何使用remark with Gatsby的很好的文档 https://using-remark.gatsbyjs.org/

对于你的问题,我发现 this article here 。

推荐文章

TarJae · 渲染徽标。pdf输出的页眉中的png-Rmarkdown

2 年前

TheInfiniteWin2 · 是否有python库允许从标记转换为html(包括列表)?[闭门]

3 年前

Minyi Han · 为什么索引中必须包含一些R代码。预订的Rmd?

6 年前

Sam · 如何在Bitbucket和github标记中显示数学表达式?

6 年前

user1981275 · 使用R CMD build在vignette中未应用R标记主题

6 年前

loki · 在RMarkdown iSlides{.columns-2}布局中强制断列

6 年前

dougmacklin · 盖茨比。js:在Markdown中预处理相对路径链接

6 年前

marnix · 从命令行搜索Jupyter笔记本标记单元格

6 年前

StackedQ the red crafteryt · Github和npm表降价之间的差异

6 年前

Yangshun Tay · 如何在不换行的表中使用标记?[副本]

6 年前