Gatsby 图像无法正常工作 - 部署时图像模糊或根本不显示

Question

项目描述：使用 Gatsby 创建一个作品集网站来展示我的 JavaScript 项目。

问题：我无法在部署到 github 页面时使用 gatsby-image 加载图像 - 它在我的本地计算机上运行。如果我使用 childImageSharp.fixed ，它会很模糊，如果我使用 childImageSharp.noBase64 ，图像根本不会显示。

我尝试过的操作：我尝试删除我的 public 和 .cache 文件夹并重建（很多次） - 没有成功。我尝试过使用旧版本的 Gatsby 和 gatsby-images，但这不起作用，而且似乎破坏了其他东西。我尝试过提高质量，但更改了一些设置，但没有成功。这些都是我在过去几天阅读的其他 StackOverflow 帖子中尝试过的所有内容。

*注意：我也尝试不使用 Gatsby 图像，即使没有 Gatsby 图像，您也会在我的查询中看到很多其他数据，我无法让图像显示未损坏。但使用盖茨比图像，它要么模糊，要么空白，正如我上面所说的。

Github 仓库： https: //github.com/mk0b/gatsby-portfolio-site

实时 Github 页面站点： https://mk0b.github.io/gatsby-portfolio-site/

**结构注释 - 我的 graphQL 查询位于 Projects.js 中，并将所有信息传递给 Project.js，然后 Project.js 使用 gatsby 图像。

感谢您提前提供的任何帮助/指导！

Answer 1

我的 Slack 社区中有人建议我尝试使用 Netlify 而不是 github 页面，并且这些图像可以与 Netlify 部署一起使用。所以这个问题没有解决，但不再紧迫。