在不使用 Graphql 的情况下从 Gatsby src 文件夹中获取图像,同时仍将 Graphql 用于其他图像

问题描述

我有一个网站,它有一些旧的遗留 html 作为字符串,并且页面设置为 json 文件。所以这是一个例子:

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

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

总结一下:

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

提前谢谢!

解决方法

是的!静态文件夹是正确的方法!我个人更喜欢为“首屏”图像制作我自己的图像组件 - 这样我可以用标题标签预加载图像并使我的页面加载速度更快。实际上,它在 Google 页面速度得分上有很大的不同。