🚀 OpenClaw + Cloudflare Pages 部署网站

← 返回首页

从零开始部署一个静态网站到 Cloudflare Pages 的完整教程。

🎯 什么是 OpenClaw？

OpenClaw 是一个开源 AI Agent 框架，可以帮你：

📋 前置准备

1. 获取 Cloudflare API Token

  1. 登录 Cloudflare Dashboard
  2. 点击右上角头像 → My Profile
  3. 左侧菜单 → API Tokens
  4. 点击 Create Token → 选择 Custom token
  5. 权限设置：
    • Account: Cloudflare Pages:Edit
    • Zone: Zone:Read (可选)
  6. 复制生成的 Token

2. 获取 Account ID

在 Cloudflare Dashboard 右侧边栏可以看到 Account ID。

🚀 快速部署流程

方式1：让 OpenClaw 帮你完成一切

只需在 Telegram/Discord 中发送消息：

帮我创建一个静态网站并部署到 Cloudflare Pages

要求：
- 项目名：my-portfolio
- 包含首页、关于页面、联系页面
- 使用简单的 HTML/CSS
- 部署后告诉我访问地址

方式2：手动步骤

步骤1：创建工作目录

mkdir my-website
cd my-website
mkdir public

步骤2：创建 HTML 页面

public/index.html

<!DOCTYPE html>
<html>
<head>
    <title>我的网站</title>
    <style>
        body { font-family: Arial; max-width: 800px; margin: 0 auto; padding: 20px; }
    </style>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是用 OpenClaw 和 Cloudflare Pages 部署的！</p>
</body>
</html>

步骤3：部署

# 安装 wrangler
npm install -g wrangler

# 设置环境变量
export CLOUDFLARE_API_TOKEN="你的token"
export CLOUDFLARE_ACCOUNT_ID="你的account_id"

# 创建并部署
npx wrangler pages project create my-website
npx wrangler pages deploy public --project-name=my-website

💡 进阶技巧

自动更新网站

告诉 OpenClaw：

帮我在网站上加一个博客页面，包含3篇示例文章，然后重新部署

自动部署脚本

创建 deploy.sh：

#!/bin/bash
export CLOUDFLARE_API_TOKEN="你的token"
export CLOUDFLARE_ACCOUNT_ID="你的account_id"
npx wrangler pages deploy public --project-name=my-website

⚠️ 常见问题

Token 失效

错误：Invalid access token [code: 9109]

解决：重新创建 API Token

项目不存在

错误：Project not found [code: 8000007]

解决：

npx wrangler pages project create 项目名

🔗 相关资源

最后更新: 2026-03-03