最近想搭建个博客写写文章。一开始使用了Wordpress，不过由于服务器配置太差，跑起来非常慢。于是考虑通过GitHub Pages来托管静态网页文件，博客生成器使用了Hexo。但在使用过程中，GitHub经常因为某些原因无法访问，真是气得吐血。最后兜兜转转，发现可以把文件部署到Cloudflare Pages上。Cloudflare Pages支持GitHub和GitLab两种存储库，于是把博客源码也迁移到了GitLab。
Hexo的安装配置，这里就不介绍了，官方文档有详细介绍。
Cloudflare Pages不同计划对比
| Free | Pro | Business |
|---|---|---|
| $0 | $20/mo | $200/mo |
| 1 build at a time | 5 concurrent builds | 20 concurrent builds |
| 500 builds per month | 5,000 builds per month | 20,000 builds per month |
| Unlimited sites | Unlimited sites | Unlimited sites |
| Unlimited requests | Unlimited requests | Unlimited requests |
| Unlimited bandwidth | Unlimited bandwidth | Unlimited bandwidth |
免费版的使用限制
- 同一时间只支持构建一个项目
- 每月最多构建500次
- 最大支持10个自定义域名
- 网站最多包含20000个文件
- 最大文件大小25M
总体来说，免费版足够用了
创建项目
首先登录Cloudflare，点击到Pages
点击创建项目
授权Cloudflare访问存储库，并选择一个存储库
设置项目
- 名称设置好后，项目将被部署到
{项目名称}.pages.dev - 框架预设选择
None - 构建输出目录填
publish - 构建命令输入下列内容
1 | npm install hexo-cli -g && npm install && hexo clean && hexo generate |
点击保存并部署，项目就开始构建了。
设置自定义域名
选择项目，切换到自定义域，然后点击设置自定义域
填写自己的域名
添加DNS解析记录，如果域名解析在Cloudflare，则会自动添加
构建项目
一切准备就绪，之后每次将新文章推送到存储库时，Cloudflare都会自动构建和部署。
此外还支持回滚到之前的部署
