通过插件向 Gatsby 中的 MarkdownRemark 节点添加更多数据

问题描述

我想在创建时通过 Gatsby Transformer Remark 插件向 MarkdownRemark GraphQL 节点添加更多信息。

目前我正在尝试在插件中执行此操作：

gatsby-config.js

/* ... */
{
  resolve: "gatsby-transformer-remark",options: {
    pedantic: false,plugins: [
      'my-remark-plugin',]
  }
}
/* ... */

plugins/my-remark-plugin/index.js

module.exports = async ({markdownNode,actions},pluginoptions) => {

  /* Somehow add more data to the markdownNode which can be queried */

}

只是想清楚；我不想改变 AST 节点。我想在 MarkdownRemark GraphQL 节点创建时从插件中添加更多任意数据。

我尝试使用 createNodeField，但在查询时找不到字段。

gatsby-transformer-remark 插件是否可能不是执行此操作的地方？字段是在使用带有 createNodeField 的标准 Gatsby 插件时创建的，但我希望在 Gatsby Transformer Remark 插件中执行此操作。

解决方法

createNodeField 将在 fields 下创建字段。在 GraphiQL 中展开 allMdx->nodes->fields。我使用 MDX 而不是 Markdown。这是一个示例，类似于 Gatsby 文档中的示例。

exports.onCreateNode = ({node,actions,getNode,createNodeId,createContentDigest}) => {
  const {createNodeField} = actions
  if (node.internal.type === `Mdx`) {
    const value = createFilePath({node,getNode})
    createNodeField({name: `slug`,node,value})
  }
}