CloudFlare Pages 免费托管静态网站

前言

CloudFlare Pages 提供免费静态网站托管，支持自动构建和部署，是博客和文档站点的理想选择。

一、创建 Pages 项目

• 登录 CloudFlare 控制台
• Pages → Create a project
• 连接 GitHub 账号

二、连接 Git 仓库

• 选择要部署的仓库
• 选择主分支（main/master）
• 配置构建设置

三、构建配置

Hugo

Build command: hugo
Build output directory: public

Hexo

Build command: hexo generate
Build output directory: public

VuePress

Build command: npm run docs:build
Build output directory: docs/.vuepress/dist

四、环境变量

• Settings → Environment variables
• 添加 HUGO_VERSION 等变量
• 保存后重新部署

五、自定义域名

• Settings → Custom domains
• 添加域名
• 自动配置 DNS 和 SSL

六、自动部署

• 推送代码到 Git 仓库
• CloudFlare 自动触发构建
• 几分钟内完成部署

七、优势对比

总结

CloudFlare Pages 免费、快速、易用，是静态网站托管的优质选择。