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 projectconnect 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用户来管理你的网站。

5. 容量限制

官方页面


文章版权归 FindHao 所有丨本站默认采用CC-BY-NC-SA 4.0协议进行授权|
转载必须包含本声明,并以超链接形式注明作者 FindHao 和本文原始地址:
https://findhao.net/easycoding/2609.html

Comments