Gatsby 图像不工作 - 图像在部署时模糊或根本不显示

Question

项目描述：使用 Gatsby 创建一个投资组合网站来展示我的 JavaScript 个项目。

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

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

*注意：我也尝试不使用 Gatsby 图像，即使没有 Gatsby 图像，您也会在我的查询中看到很多其他数据，我无法让图像显示完整。但是使用 gatsby 图像，它不是模糊就是空白，正如我上面所说的。

Github 回购： https://github.com/mk0b/gatsby-portfolio-site

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

** 结构说明 - 我的 graphQL 查询在 Projects.js 中并将所有信息传递给 Project.js 然后使用 gatsby 图像。

提前感谢您help/guidance！！

Answer 1

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

Answer 2

对于github页，您需要单独指定public路径。

盖茨比-config.js

pathPrefix: '/gatsby-portfolio-site',

package.json

"build": "gatsby build --prefix-paths",

祝你好运！