Hugo丢失css导致显示异常问题解决

F12查看控制台,报错Failed to find a valid digest in the 'integrity' attribute for resource,表现为网页只剩文字和图标,排版消失。本地部署或者IP访问正常,通过域名访问异常。

解决方案

思路来自于《Hugo - Failed to find a valid digest in the ‘integrity’ attribute for resource - The resource has been blocked - Host on Github》。

导致这个问题的原因是Cloudflare的一个设置——Auto Minify,这个设置会去掉html、js、css等文件的空格和一些格式,缩小文件体积优化访问速度。但是改动文件后导致访问网站时文件校验失败,浏览器为了安全考量就会阻塞该文件加载,导致问题发生。

解决办法是关掉这个设置,反正提升聊胜于无🤣。

Auto Minify

引用