如何从 Image URl Gatsby 中删除哈希

【问题标题】：How to remove hash from Image URl Gatsby如何从 Image URl Gatsby 中删除哈希
【发布时间】：2021-02-24 20:59:25
【问题描述】：

好吧，我已经建立了我的 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 重新上传所有文件。

【问题讨论】：

标签： gatsby gatsby-image gatsby-plugin

【解决方案1】：

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

如果图片的权重小于 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。

【讨论】：