解决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 nameValue
NODE_VERSION
20

Preview

Define variables for your Preview environment.

Variable nameValue
NODE_VERSION
20

配置之后,重新提交一次,触发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