Cloudflare Pages是Cloudflare推出的免费静态网站托管服务。本文记录了如何使用Cloudflare Pages部署静态网站。
1. 创建Cloudflare Pages项目
在Cloudflare Pages的控制台中,点击Create a project
按钮,创建一个项目。有几种方式可以创建项目:
- 从GitHub创建项目
- 直接上传项目
- 使用 Wrangler CLI 创建项目
2. 使用Github项目
Github创建的好处是每次更新时,只需要push到Github,Cloudflare Pages会自动更新网站。这种方式需要在Github上创建一个仓库,然后在Cloudflare Pages的控制台中,选择connect to Git,授权cloudflare访问你的账户,同时你可以设置允许它访问哪些仓库,可以是私有仓库。设置完成后,回到cloudflare pages页面,重新点击Create a project
和connect to git
,然后就可以看到你允许cloudflare访问的仓库。选中想要使用的仓库,点击Begin setup
。
在接下来的设置页面中,顶部的project name和production branch都不重要,使用默认值即可。下面的build setting很重要。
- Framework preset: 你使用了什么模板来搭建你的网站,比如Jekyll或者pelican等静态网站生成工具。选择你使用的对应工具即可。如果你是手写的html,则将此项置空。
- Build command: 以pelican为例,默认的编译命令是
pelican content
。如果你使用了第三方主题,则为pelican content -t mytheme
。 - Build output directory:编译后的静态网站放到了哪里。使用默认的
output
或者dist
即可。 - Root directory:可以忽略。
- Environment variables: 对于一些框架非常重要!比如cloudflare默认pelican使用的是python2.7,需要在这里将python版本声明为python3。添加环境变量
PYTHON_VERSION
=3.7
。更多可设置的环境变量参见官方教程。
Cloudflare也提供了一些针对不同框架的教程。
设置完成后即可点击save and deploy来部署你的网站。cloudflare将自动拉取你的github仓库,并执行编译命令,生成静态的html网页。如果中间某些步骤出错了,比如环境变量设置错了,可以在部署以后到pages管理页面,找到你的网站,在settings里修改,不需要重新添加网站。
3. 直接上传
如果在创建项目时选择了直接上传,设置完项目名称以后,即可将你网站的压缩包上传到cloudflare pages。部署更加简单,但是每次更新都要手动上传。
4. Pages管理
在pages页面可以管理你的网站。在custom domains标签页可以将当前网站链接到你自己的域名,如果你的域名已经交给cloudflare托管,这一步非常简单,只需添加你想要链接的域名或者子域名,按步骤点击即可。
每一次部署都会生成一个子域名,你也可以通过控制部署的分支来测试自己的网站。在settings里可以修改环境变量或者编译命令等。也可以允许其他cloudflare用户来管理你的网站。
Comments