0

好吧，我已经建立了我的 Gatsby 网站并面临 Image 问题。它在图像文件名的末尾生成一个哈希。

/static/imagename-719331c87d42041b22e62a63d9af6e69.webp

代码：

    import Img1 from '../images/image.webp';
   .........
......
...........
     <picture>
           <source srcSet={Img1} />
           <img src={Img1} alt="alt" loading="lazy" height="500px" width="800px"/>
     </picture>

我怎样才能克服这个问题。

第二件事是：我没有将我的公用文件夹部署到 netlify。公用文件夹是否需要推送到github？所以netlify会得到它吗？每次我将我的网站推送到 github 并 netlify 重新上传所有文件。

4

1 回答 1

0

我怎样才能克服这个问题。

如果图像的权重小于 10,000 字节，Gatsby 将返回数据 URI 而不是路径。根据静态文件夹的文档：

为了减少对服务器的请求数量，导入小于 10,000 字节的图像会返回数据 URI 而不是路径。这适用于以下文件扩展名：svg, jpg, jpeg, png, gif, mp4, webm, wav, mp3, m4a, aac, 和oga.

尝试将其更改为另一种格式。

第二件事是：我没有将我的公用文件夹部署到 Netlify。公用文件夹是否需要推送到 Github？所以 Netlify 会得到它吗？每次我将我的网站推送到 GitHub 和 Netlify 时都会重新上传所有文件。

当然不是。您不应该发布您的/public文件夹，因为它将由 Netlify（或您的部署系统）在每个构建/部署中创建。这将浪费MB。

于 2020-11-13T05:38:39.023 回答