解决Hexo部署到CloudFlare pages 404错误
解决Hexo部署到CloudFlare pages 404错误
问题现象:
Hexo 6.3.x 博客,本机构建,生成静态网站的时候,都是好好的。
把构建过程放进了 CloudFlare pages 之后,构建完成,再访问网站首页,却是404页面。
查了一下构建的log,先说报错的原因:
CF pages 自带的node环境是 node v12,遇到一些新的js语法,直接报错了,导致404界面。
解决办法:升级node version,兼容 js 新语法。
步骤:
在项目的找到设置环境变量的地方: settings/environment-variables
配置环境变量,升级node版本就解决了。
配置完成,我的信息如下:
Production
Define variables for your Production environment.
Variable name | Value |
---|---|
Preview
Define variables for your Preview environment.
Variable name | Value |
---|---|
配置之后,重新提交一次,触发CloudFlare pages的构建动作,稍等片刻,网站首页就正常了,可以看到文章数据了。
Hexo v6.3 搭配 node v20.0解决了404 not found 错误。
参考链接:
https://community.cloudflare.com/t/pages-node-js-version/295548
https://cri.dev/posts/2023-03-12-update-node-npm-js-version-cloudflare-pages/
https://developers.cloudflare.com/pages/platform/build-configuration/#environment-variables