在没有 Graphql 的情况下从 Gatsby src 文件夹中获取图像，同时仍然使用 Graphql 获取其他图像答案

【问题标题】：Fetching images from Gatsby src folder without Graphql, while still ALSO using Graphql for other images在没有 Graphql 的情况下从 Gatsby src 文件夹中获取图像，同时仍然使用 Graphql 获取其他图像
【发布时间】：2021-07-24 13:42:49
【问题描述】：

我有一个网站，其中包含一些旧的旧版 html 作为字符串，并且页面设置为 json 文件。所以这里是一个例子：

{
"textContent":"<h2>Hi!</h2><img src=\"../images/hello.jpg\" />"
}

所以我读到，你实际上可以为 Gatsby 禁用 graphql，但是网站上还有一些其他组件可以很好地利用它，所以我不想完全禁用它。

总结一下：

我希望能够从字符串指向我的 src 文件夹中的图像。我知道这可能看起来很老套，但是这些文件有很多，如果可以避免的话，我真的不想改变结构。

提前谢谢！

【问题讨论】：

我实际上找到了一种方法，在根目录中创建一个名为“static”的文件夹，将允许您指向图像。在此处阅读有关 Gatsby 中静态文件夹的更多信息：gatsbyjs.com/docs/how-to/images-and-media/static-folder

标签： javascript json gatsby gatsby-image

【解决方案1】：

是的！静态文件夹是正确的方法！我个人更喜欢为“首屏”图像制作自己的图像组件——这样我可以用标题标签预加载图像，让我的页面加载速度更快。实际上，它在 Google 页面的速度分数上产生了相当大的差异。

【讨论】：