在markdown中的数组上使用Gatsby-image

Question

我使用的是Gatsby，并且在数组中的每个markdown文件中都引用了图像。我希望能够使用Gatsby-image来转换这些图像，但无法使其与数组一起工作。

在处理markdown中的单个图像时，我可以让它工作

我使用以下查询来获取数据：

query($slug: String!) {
    markdownRemark(fields: { slug: { eq: $slug } }) {
      html
      frontmatter {
        id
        category
        title
        path
        prices
        salePercent
        images
      }
    }
  }

我从降价中得到了这个

mainImage: './images/1.jpg'

images: ['1', '2', '3', '4', '5', '6']

我可以让gatsby-image与mainImage一起工作，但不能让查询与数组一起工作。

我希望能够让gatsby-image与数组一起工作，并转换每个图像。

Answer 1

您可以在frontmatter中使用YAML格式，如下所示：

images:
- image: "home-DSC_0035.jpeg"
  image_alt: "beautiful photo"
- image: "home-DSC_0045.jpg"
  image_alt: "This is better"
- image: "home-DSC_0043.jpg"
  image_alt: "This is much better"

你会得到数组。