cloudflare blog

基于 cloudflare 服务构建的博客系统

代码提交格式

• 🚲 添加
• 🛵 迭代
• 🏍️ 修改
• 🦼 删除

🔗 在线地址

点击 🔗click here 预览

user: superAdmin

password: 123456

🚧 环境安装

npm install
# or
pnpm install

⚓️ 配置登录

npx wrangler login

# 如果是mac用户，使用
sudo npx wrangler login

🧩 线上配置

修改根目录下的 .domain.json， 查看zoomId 获取

{
  /** 接口地址 */
  "zerg": {
    /** 需配置域名区域id */
    "api": {
      "target": "<example.com|你的域名>",
      "zoneId": "<区域id>"
    }
  },
  /** r2存储桶地址 */
  "web": {
    "static": "<example.com|你的域名>"
  }
}

修改根目录下的 .wrangler.json, 配置账户 id，用于发布 workers

{
  "accountId": "你的账户id"
}

🛞 部署到线上 api

初始化 d1 r2 kv 环境，必须在 npx wrangler login 登录过后执行

npm run workers:init

# 对齐所有workers配置
npm run workers:algin

创建 d1 数据库

npm run workers:install

对齐配置，每回修改.wrangler.json .domain.json 文件后执行一次

npm run workers:algin

🚠 workers 发布生产环境

发布 workers 到 cloudflare， 接口已可调用

npm run workers:deploy

🚟 workers 本地开发环境

npm run workers:dev

🚀 接口文档

根目录下 apidoc 为打包生成的接口文档，不存在执行npm run build:apidoc生成

npm run build:apidoc