准备github账号和cloudflare账号

开始

1.首先登录github账号，去Fork仓库：https://github.com/ling-drag0n/CloudPaste

去登录cloudflare账号，获取API令牌和ID

获取 Cloudflare API 令牌

  1. 访问 Cloudflare Dashboard

  2. 创建新的 API 令牌

  3. 选择"编辑 Cloudflare Workers"模板，并添加 D1 数据库编辑权限

账户ID怎么找，有域名的话点击域名，在右下侧显示

运行工作流

后端和前端部署完成后

  1. 登录 Cloudflare Dashboard

  2. 导航到 Pages → 您的项目（如 "cloudpaste-frontend"）

  3. 点击 "Settings" → "Environment variables"

  4. 添加环境变量：

    • 名称：VITE_BACKEND_URL

    • 值：您的后端 Worker URL（如 https://你的后端的）

随后去github再次运行一遍工作流，完成后端域名加载

到这里就可以访问网页了

存储配置

登录 Cloudflare Dashboard

点击左侧R2存储，创建一个存储桶，填入存储桶名称，点创建

创建API令牌

把这些填入到下面

登录你的cloudpaste网页，在左侧的S3存储配置，新建配置保存配置

点击刚才新建的存储桶，点击设置，编辑CORS策略，里面原来内容清除，把下面内容复制进去，改换你的前端域名（登录网页的地址）

[
  {
    "AllowedOrigins": ["http://localhost:3000", "https://根据自己的前端域名来替代"],
    "AllowedMethods": ["GET", "PUT", "POST", "DELETE", "HEAD"],
    "AllowedHeaders": ["*"],
    "ExposeHeaders": ["ETag"],
    "MaxAgeSeconds": 3600
  }
]

保存就可以了

有域名的，可以把前端网址换成自定义域名，在导航到 Pages → 您的项目（如 “cloudpaste-frontend”）点击自定义域，可以在你的域名前面加xx，比如xx.你的域名