使用github page部署hugo博客请求网站图标抛出404异常

使用github page部署hugo博客网站出现请求网站图标抛出404异常

网站图标404问题

近期在使用hugo搭建自己的博客网站的时候出现如下问题:我给自己的博客网站加了一个网站图标本地启动测试是正常的

image-20240807121256876

配置文件如下,我的图标文件在`static/favicon.svg

1
favicon = "/favicon.svg"

但是部署到github pages上就出现问题,如下图

image-20240807121437791

经过排查发现是在请求的时候出现了404

image-20240807121543512

于是我就下载了github actions帮我打包构建好的前端项目,发现没有什么异常因为index.html和图标在一起并且打开图标文件也没有什么异常,请求https://zongyanglaobiao.github.io/favicon.svg路径本身没什么问题但是就是返回404问题

image-20240807121919132

解决方法

最后发现是配置文件写错了,hugo中图片是否带/会影响图片是否正常显示。去掉/就可以正常显示

1
favicon = "favicon.svg"