graphql - gatsby-source-contentful 不适用于 gatsby-transformer-remark

Question

我已使用 gatsby-source-contentful 成功获取数据，但无法弄清楚如何使用 markdownRemark 扩展内容查询，如官方 gatsby-contentful-starter 所示。

我在gatsby-config.js中添加了gatsby-transformer-remark，运行了gatsby clean && gatsby develop，还是不行请参阅 Graphiql 中的 childMarkdownRemark。

gatsby-config.js:

module.exports = {
  siteMetadata: {
    title: 'Test Contentful and MarkdownRemark',
  },
  plugins: [
    {
      resolve: `gatsby-source-contentful`,
      options: {
        // spaceId: 'XXXXXXXXXXXX',
        // accessToken: 'XXXXXXXXXXXX',
      },
    },
    `gatsby-transformer-remark`
  ],
}

package.json:

{
  "name": "test-gatsby-contentful",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "gatsby": "^2.18.2",
    "gatsby-source-contentful": "^2.1.62",
    "gatsby-transformer-remark": "^2.6.37"
  }
}

Reproduction repo

Answer 1

gatsby-transformer-remark 仅适用于包含 Markdown 格式文本的长文本字段。如果您的字段类型是富文本插件将无法工作，因为该字段不包含 Markdown，但您可以使用 Contentful 的 rich-text-html-renderer .