在Cloudflare Pages上构建应用

2022-01-18 17:48:11 浏览数 (1)

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 平台配置

运行环境

  • 支持的语言

Framework

Default version

Elixir

1.7

Emacs

25

Erlang

21

Java

8

Node.js

10

PHP

5.6

Python

2.7

Ruby

2.6.2

  • 预置工具

Tools

Notes

Boot

Cask

Composer

Doxygen

Version 1.8.6

Gutenberg

Hugo

Version 0.54

GNU Make

Version 3.8.1

ImageMagick

Version 6.7.7

jq

Version 1.5

Leiningen

OptiPNG

Version 0.6.4

NPM

Corresponds with NPM version

pip

Corresponds with Python version

Pipenv

Latest version

Yarn

Version 1.13.0

Zola

  • 环境变量

Language/tool

Environment variable

File

Go

GO_VERSION

Node.js

NODE_VERSION

.nvmrc, .node-version

NPM

NPM_VERSION

Python

PYTHON_VERSION

runtime.txt, Pipfile

Ruby

RUBY_VERSION

.ruby-version

Yarn

YARN_VERSION

部署Hexo于Cloudflare Pages

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

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

构建失败？

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

代码语言：javascript复制
/bin/sh: 1: hexo: not found
  • 可通过package.json打包命令
代码语言：javascript复制
//package.json
  "scripts": {
    "dev": "hexo clean && hexo s",
    "build": "hexo clean && hexo generate && gulp"
  }
代码语言：javascript复制
npm run dev = hexo clean && hexo s
npm run build = hexo clean && hexo generate && gulp
npm python node.js yarn

0 人点赞