Github pages 盖茨比图像不工作-图像在部署时模糊或根本不显示

项目描述：使用盖茨比创建一个公文包网站来展示我的JavaScript项目

问题：我无法在部署到github页面时使用gatsby映像加载映像-它在本地计算机上工作。如果我使用childImageSharp.noBase64，则图像将完全不显示

我尝试的内容：我尝试删除我的公用文件夹和.cache文件夹并重建（很多次）-都不起作用。我试过使用盖茨比和盖茨比图像的旧版本，但这不起作用，似乎破坏了其他东西。我尝试过提高质量，但改变了一些设置，但没有效果。这些都是我在过去几天阅读的其他StackOverflow帖子中尝试过的东西

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

Github回购：

实时Github页面站点：

**结构说明-我的graphQL查询位于Projects.js中，并将所有信息传递给Project.js，然后Project.js使用盖茨比图像

---

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

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

对于github页面，您需要单独指定公共路径

gatsby-config.js

pathPrefix: '/gatsby-portfolio-site',

package.json

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

---

祝你好运

您要传递的图像宽度和高度道具的大小是多少？这可能就是为什么它模糊的原因，因为图像被渲染得很小。@Aquasar我刚刚看到了这个！我不记得尺寸是多少，但我曾试图改变它们，因为我正在阅读一些线程，这没有帮助。