别着急,坐和放宽
本教程将为你详细讲解如何将 Sink 链接缩短工具部署到 Cloudflare Pages 上。我们将一步步指导你完成整个过程,包括仓库的 fork、Cloudflare Pages 项目创建、环境变量配置、KV 命名空间绑定等操作。每一步都附有详细的步骤说明和图片,帮助你顺利完成部署。
将仓库 Fork 到你的个人 GitHub 账户中。
点击Create fork
==》点我Fork《==
Fork 仓库
登录到Cloudflare Dashboard,导航到 Workers 和 Pages 选项卡,点击 创建 按钮。
选择Pages 选项卡,点击连接到Git
选择 Nuxt.js 作为预设,Cloudflare 会自动检测到项目的配置。
配置环境变量
NUXT_SITE_TOKEN
: 必须超过 8 个字符,为你的登陆密码。NUXT_CF_ACCOUNT_ID
: 查找你的账户 ID。NUXT_CF_API_TOKEN
: 创建 Cloudflare API 令牌。该令牌应至少具有 Account.Account Analytics
权限。当以上步骤都配置完毕之后,点击保存并部署,之后点击取消部署
cancel-build
点击继续处理项目
部署开始后,我们还需要在 Cloudflare Pages 中进行一些额外的配置:
到KV创建一个命名空间
image-20240914200856876
KV名称随意
在 KV 中,绑定一个 KV 命名空间并将其命名为 KV
。
如果你希望使用 AI 生成短链接功能,导航到 Workers AI Bindings,绑定 AI
变量到 Workers AI Catalog。
绑定 Cloudflare Analytics Engine。将 ANALYTICS
变量绑定到 Sink 数据集,并确保已为你的 Cloudflare 账户启用了 Analytics Engine Beta 版。
所有绑定完成后,回到 部署,点击···,点击重试部署。
重新部署后,项目将正常运行