都2024年了,是时候升级一下网站了
之前博客是直接放在了bwg
上,通过git在服务器拉代码之后再build成静态文件,再配置一个nginx来访问。但是搬瓦工的访问速度实在是不敢恭维,于是在别人介绍了cloudflare
之后,决定还是打破一下“只要能跑,就别去动他”的思想,好好的优化优化。
首先第一步,就是需要将git迁移到github
或者gitlab
上,可以使用命令进行修改,之后直接重新提交就好
1 | git remote set-url origin [email protected]:xxxxxx/xxx.git |
之后在cloudflare
上配置pages,关联github
账号后,授权对应的项目,再填写build的命令(如:npm run build
),就可以了。要注意不同的框架可能build之后的文件夹是不一样,也需要配置进去,另外对应的命令需要配置到package.json
中。
这里还遇到一个小插曲,之前创建工程的时候,hexo的版本是3.2,早就不支持新的node了。这就导致build完以后,html一片空白。查了资料说是版本太低,于是战战兢兢的升级了hexo到7.0,还好没有出现其他的兼容性问题
接下来cloudflare
部署成功,就会生成一个专属的域名xxx.pages.dev
,到这时这个域名就已经可以正常的访问了,不过接下来才是关键。
在pages的自定义域中,可以把工程指向其他的域名,但前提是,这个域名必须要添加到cloudflare
中,我一开始还以为是要把域名转过来,后来研究发现只是需要把域名的CDN改成cloudeflare
的服务器。
于是后续的操作就需要在阿里云上进行,这个名称服务器,我找了半个点儿,最后还是靠百度解决的
配置好名称服务器,cloudflare
这边就可以接管域名的CDN解析了,要注意之前的所有解析,只会识别一部分,还需要手动配置过来。
至此,整个网站就全部迁移到了cloudflare
,还支持https,只不过生效需要一点时间,访问速度终于如丝般顺滑