4

Hexo + Next 主题发布后白屏的原因

 2 years ago
source link: https://blog.singee.me/2020/09/23/2adea4de58f048868ae95d89c9012172/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Hexo + Next 主题发布后白屏的原因

发表于 2020-09-23

首先网上有很多的原因列出了，包括有文件加载不全、GitHub Pages 不会提供某些目录等，这些基本都在最新的版本被解决了，不过我遇到了一件非常奇怪的事情

  1. 访问博客白屏，观察 DOM 等都没有明显问题，只是显示不出来
  2. 隐约记得几个月前（嗯博客好久没更新过了）是没问题的，而这期间博客并没有改动过
  3. 测试发现通过 python3 -m http.server 启动起来的服务是可以被正常渲染的
  4. 直接访问 GitHub Pages 是可以的
  5. 经过 Cloudflare 是不行的

找到问题十分坎坷就不具体说了，最终定位到问题是 Cloudflare

查询相关原因，是 Hexo 的动画依赖于脚本，而 Cloudflare 的 Rocket Loader （位于速度 - 优化 - 优化传递中）会将脚本进行异步加载，导致文件出错

关闭 Rocket Loader

如果其他网站需要用到这个功能，那么可以配置页面规则只针对博客关闭


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK