文章

Jekyll Github仓库在Cloudflare Page上部署

Jekyll Github仓库在Cloudflare Page上部署

本文不详述Github、Cloudflare账号注册,以及互相绑定的流程

Github仓库对Cloudflare进行授权

在完成Github和Cloudflare账号绑定的情况下,前往Github账户设置界面,授权Cloudflare允许访问的Github仓库

image-20250325153241782

首次部署Cloudflare Page

连接到Git

image-20250325154313843

选择你的仓库

image-20250325154437920

  • 项目名称要好好写,这个关系到下面一行你的生成域名

  • 预设框架选择Jekyll

  • 环境变量增加BUNDLE_WITHOUT="" (因为Cloudflare Pages 的构建系统中,设置了默认的环境变量 BUNDLE_WITHOUT 值,旨在通过避免安装不需要的 gem 来优化构建时间,致使其排除了 Jekyll 需要的 gem。所以这里要加上这个环境变量,否则构建部署会报错)

保存并部署即可,部署成功后要等个几分钟,域名和部署才会生效,不用着急

image-20250325154745188

部署后转到设置界面,建议开启构建缓存,并自行修改构建监视排除路径

image-20250325163922702

添加自定义域名

直接加就行,如果是托管在Cloudflare上的域名,会自动加DNS记录。如果不是,按向导走即可

image-20250325160806795

当仓库发生变化后手动部署构建

点击最近的一个部署,进行重新部署

image-20250325160733398

参考资料

https://voxsay.com/posts/deploy-jekyll-blog-using-cloudflare-pages/

本文由作者按照 CC-BY-NC-SA 4.0 进行授权