起因

#

Hugo 部署在 Cloudflare Pages 后，发现博客无法正常渲染。

问题

#

查看浏览器控制台，发现报错。这是由于资源的完整性校验失败。完整性属性用于确保资源未被篡改，但如果哈希值不匹配，浏览器会阻止资源加载。

经查是由于 Cloudflare 的 Auto Minify 功能会把 Javescrip 和 css 进行压缩 。

Failed to find a valid digest in the 'integrity' attribute for resource

'https://blog.liutailin.cn/css/main.bundle.min.780...610.css'
with computed SHA-512 integrity 'eUZ....M4A'. 

The resource has been blocked. 

解决

#

由于没有找到如何关闭改功能的入口，且 Auto Minify 看起来或许也还不错。

修改 .\layouts\partials\head.html 文件，如果没有该文件，可以在博客主题文件夹中复制。

搜索 integrity 可以找到类似于 integrity="{{ $bundleCSS.Data.Integrity }}" 的字段。删除里面的内容即可，例如 integrity="" 。