reactjs - React MDX Markdown 文件中的引用 Frontmatter

Question

我已经使用 mdx 建立了一个 next.js markdown 博客:https://mdxjs.com/ .

我希望能够在 mdx 文件本身的 frontmatter 部分中引用数据。像这样:

// my-file.mdx
---
title: "My blog post title"

# {title} // should be replaced by the frontmatter title

现在，这行不通了。它不会将 {title} 替换为 frontmatter 中的标题(即 My blog post title)。我想知道是否有办法做到这一点，如果有，怎么做？

谢谢。

Answer 1

查看 Docusaurus docs page on available exports .对于您的示例，title可用为 <p>{contentTitle}</p> .对于更具体的键，您可以使用类似的东西:

<p>{Object.entries(frontMatter).find(frontmatter => frontmatter[0] === 'description'}</p>

在本例中检索描述。 (用任何合适的标签替换 html <p> 标签。)