小编gat*_*bie的帖子

Gatsby 内容丰富的嵌入图像

正如我所看到的,当仅查询 contentfulBlogPost 原始数据时,不再有 json 选项。我能够进行一些更改以获取身体中的所有内容,除了该帖子中的图像。

如果我在 GraphQL Playground 中进行测试,我可以获得图像 id 和 url,但仅此而已。

query {
  allContentfulAsset {
    edges {
      node {
        id
        file {
          url
        }
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我试图找到一个如何获取嵌入图像的示例,但没有运气......

import React from 'react'
import { graphql } from 'gatsby'
import { documentToReactComponents } from '@contentful/rich-text-react-renderer'

import Layout from '../components/layout'


export const query = graphql`
  query($slug: String!) {
    contentfulBlogPost(slug: {eq: $slug}) {
      title
      publishedDate(formatString: "MMMM Do, YYYY")
      body {
        raw 
      }
    }
    allContentfulAsset {
      edges {
        node {
          id
          file …
Run Code Online (Sandbox Code Playgroud)

contentful graphql gatsby gatsby-image raw

6
推荐指数
2
解决办法
1191
查看次数

标签 统计

contentful ×1

gatsby ×1

gatsby-image ×1

graphql ×1

raw ×1