Cloudflare Pages是Cloudflare新推出的一项静态内容托管平台，类似于Netlify。目前支持从Github仓库中拉取内容。

测试申请

目前Cloudflare Pages处于测试阶段，可以在 pages.cloudflare.com 中申请Cloudflare Pages的试用资格。

特性

根据官网的描述是一款可以做到开箱即用的静态内容构建平台。

免费用户每月有500次构建，最多可绑定10个自定义域，最多可包含20000个文件，文件最大为25MB。

自身特点

所有构建的静态内容将会上传至每个Cloudflare边缘节点

借助Cloudflare Access集成，可以精确控制访问预览。

支持最新的Web标准与HTTP/3的支持，QUIC，图像压缩，等等。

Cloudflare Pages 平台配置

运行环境

  • 支持的语言
FrameworkDefault version
Elixir1.7
Emacs25
Erlang21
Java8
Node.js10
PHP5.6
Python2.7
Ruby2.6.2
  • 预置工具
ToolsNotes
Boot
Cask
Composer
DoxygenVersion 1.8.6
Gutenberg
HugoVersion 0.54
GNU MakeVersion 3.8.1
ImageMagickVersion 6.7.7
jqVersion 1.5
Leiningen
OptiPNGVersion 0.6.4
NPMCorresponds with NPM version
pipCorresponds with Python version
PipenvLatest version
YarnVersion 1.13.0
Zola
  • 环境变量
Language/toolEnvironment variableFile
GoGO_VERSION
Node.jsNODE_VERSION.nvmrc, .node-version
NPMNPM_VERSION
PythonPYTHON_VERSIONruntime.txt, Pipfile
RubyRUBY_VERSION.ruby-version
YarnYARN_VERSION

部署Hexo于Cloudflare Pages

类似于Netlify,绑定Github导入项目即可自动构建

应用创建后会自动生成类似*.pages.dev的CNAME链接。绑定域名后将其指向任意Cloudflare CDN地址均可正常使用

构建失败？

在使用包含&&的连续命令时可能会出现以下错误

1
/bin/sh: 1: hexo: not found
  • 可通过package.json打包命令
1
2
3
4
5
//package.json
  "scripts": {
    "dev": "hexo clean && hexo s",
    "build": "hexo clean && hexo generate && gulp"
  }
1
2
npm run dev = hexo clean && hexo s
npm run build = hexo clean && hexo generate && gulp