Graphql 盖茨比：如何显示yaml文件中指定的图像列表？

我使用当前版本的盖茨比（2.x），并希望使用盖茨比图像渲染产品库

我有几个产品的YAML文件。我已经可以用这些文件的文本内容创建页面，但我还想添加一个小图库，其中包含

.yaml

文件中指定的图像

YAML文件的示例如下所示：

product: "Some product"
description: "It is really awesome!"
screenshots:
  - /img/product1/screenshot1.jpg
  - /img/product1/screenshot2.jpg
  - /img/product1/screenshot3.jpg

我现在的问题是，我只能以字符串的形式获取屏幕截图，但我不知道如何将它们传递给渲染

我曾想过创建一个组件，该组件采用文件名并使用查询来获取图像数据，但它不能采用任何参数，因为它只能使用静态查询

---

我还没有找到一种方法将第一次graphql查询的结果传递到第二次graphql查询的图像数据。

如果您安装了gatsby transformer sharp和gatsby plugin sharp，并使用正确的图像路径，gatsby将自动拾取这些图像并通过sharp进行传输，因此您可以查询这些图像。你可以看看我的一个网站，它也使用了一个带有图像路径的YML文件，然后我将其与盖茨比图像一起使用：

如果你安装了盖茨比变形器夏普和盖茨比插件夏普，并使用正确的图像路径，盖茨比将自动拾取这些图像并通过夏普进行传输，因此你可以查询这些图像。你可以看看我的一个网站，它也使用了一个带有图像路径的YML文件，然后我将其用于盖茨比图像：

谢谢-这真的很有帮助。问题是相对路径是错误的：屏幕截图显示为字符串。修复路径后，它们现在成为文件，并拥有以前丢失的childImageSharp。谢谢-这真的很有帮助。问题是相对路径是错误的：屏幕截图显示为字符串。修复路径后，它们现在是文件，并具有以前丢失的childImageSharp。