HTML 托管方案 返回首页

Cloudflare 托管方案

目标是让 AI 生成的 HTML 报告能够快速上线、有稳定 URL、可按权限分发,并保留 GitHub 版本历史。这个仓库就是发布源。

整体架构

1

AI 生成页面

将结构化输出保存为独立 HTML,建议按主题放入 pages、reports、research 等目录。

2

GitHub 管理版本

提交到 ai-zen-future/html-websites 的 main 分支,保留每次发布记录。

3

Pages 自动部署

Cloudflare Pages 监听仓库变更,根目录静态发布,无需构建命令。

4

Access 控制权限

通过 Cloudflare Access 配置邮箱、组织域名或 SSO 策略,实现登录后访问。

Pages 配置建议

配置项 建议值 说明
Project name html-websites 默认会得到类似 html-websites.pages.dev 的访问域名。
Production branch main 每次合并或推送 main 后自动上线。
Build command 留空 当前站点是纯静态 HTML,不需要构建。
Build output directory / 或留空 直接发布仓库根目录。
Access policy Allow 指定邮箱或组织域名 不要只依赖难猜 URL;真正的隐私应由 Access 做身份门禁。

推荐目录结构

html-websites/
  index.html
  pages/
    cloudflare-pages-access-blueprint.html
  reports/
    2026-06/
      market-scan.html
  research/
    model-landscape.html

权限分发模式

后续自动化方向

当基础托管验证通过后,可以继续加一个本地发布命令:输入标题和 HTML 文件路径,自动复制到仓库、更新首页目录、提交 GitHub,并等待 Cloudflare 部署完成。

更进一步,可以用 Cloudflare MCP/API 管理 Pages 项目、Zero Trust Access 应用和访问策略,让 AI 生成内容后直接走完整发布链路。