我的网站图片没有从Gatsby的Github页面上的正确链接加载

该站点是使用部署在Github页面上的Gastby构建的。指向我的图像的链接应该是

https://eoja82.github.io/lakeside-demo/img/employees/jake.jpg

。但是，这些链接类似于

https://eoja82.github.io/img/employees/jake.jpg

，省去了/lakeside演示部分

我正在gastby-config.js文件中使用

pathPrefix

：

module.exports = {
  pathPrefix: "/lakeside-demo",
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-transformer-json`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `./src/components/products/data/`
      }
    },
  ]
}

我的package.json文件中有以下脚本：

“部署”：“盖茨比构建——前缀路径和&gh页面-d公共”

我曾尝试使用盖茨比的

with prefix

和

assetPrefix

，但没有找到任何有效的解决方案

Github:
网站：

---

如有任何建议，将不胜感激

像这样使用前缀的

应该可以：

<img className={styles.moreInfoImg} src={withPrefix("/img/loadedTruck.jpg")} alt="delivery truck" />

谢谢，这确实有效！如何让它与css背景图像一起工作？像
这样的内联样式是最好的方式吗？我在这里看到了这个例子：