如何在Gatsby中处理内容丰富的内容数据

Max*_*ges 7 contentful gatsby netlify

我对使用Gatsby使用Contentful中的内容构建Netlify静态网站感兴趣

Netlify有这个不错的入门指南Gatsby指南:?? https://www.netlify.com/blog/2016/02/24/a-step-by-step-guide-gatsby-on-netlify

但是我不确定如何将Contentful纳入其中。我是否需要编写脚本以将我的内容内容转换为Gatsby'markdown'?

任何想法,想法,链接表示赞赏!

Bra*_*don 8

自从发布此问题以来,正式的Contentful插件已添加到Gatsby的收藏集中(由Gatsby团队创建,而不是Contentful官方提供):https : //github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-满足的

示例网站的src代码在此处:https : //github.com/gatsbyjs/gatsby/tree/master/examples/using-contentful

该插件通过处理markdown gatsby-transformer-remark并生成结果HTML,您可以通过Gatsby的GraphQL服务器访问w,该服务器带有示例proj中的类似查询:

 contentfulProduct(id: { eq: $id }) {
      productName {
        productName
      }
      productDescription {
        childMarkdownRemark {
          html
        }
      }
      price
    }
Run Code Online (Sandbox Code Playgroud)

您可以使用该插件同时连接到Content API(针对已发布的资产/内容)和/或Preview API(针对已发布草稿的内容/资产)。

我们NODE_ENV通常从开发中的Preview API和生产中的Content API中提取。