免费在CF上面搭建短链接工具

部署教程:轻松设置你的项目 🚀

准备工作 🛠️

  • GitHub 账号:用于 fork 项目
  • Cloudflare 账号:用于部署
  • 一个简短域名:自己购买的域名,方便分享 ✨

开始教程 🎉

  1. Fork 项目到自己的 GitHub 仓库
    打开项目并 fork:
    点击跳转到项目地址 🔗
    项目截图

  2. Cloudflare 配置

    • 登录 Cloudflare,点击你现有的域名,或添加新域名。
    • 复制并保存你的 Account ID
    • 点击“获取您的 API 令牌”。
      获取 API 令牌
    • 创建令牌时,选择“阅读分析数据和日志”模板。
      选择模板
    • 为令牌命名,然后点击“继续”创建。
      创建令牌
    • 复制你的 API 令牌 并妥善保存。
      复制令牌
  3. 创建 Cloudflare Pages 并连接 GitHub

    • 在 Cloudflare 仪表盘中,点击“Workers & Pages”,创建一个 Pages 项目,连接到你 fork 的 sink 项目。
      连接 GitHub
    • 点击“开始设置”,框架预设选择 Nuxt.js
  4. 添加环境变量
    添加以下 3 个环境变量:

1
NUXT_SITE_TOKEN

值为你的管理员密码,自行创建,建议设置较长的密码以避免登录失败 🔑。

1
NUXT_CF_ACCOUNT_ID

上一步获取的 Account ID。

1
NUXT_CF_API_TOKEN

上一步获取的 API 令牌。
设置变量

  1. 创建 KV 命名空间

    • 点击保存并部署后,创建一个 KV 命名空间,命名为 sink
      创建 KV
    • 返回项目设置页面,绑定刚创建的 KV 命名空间,变量名为大写的 KV
      绑定 KV
  2. 添加 Workers AI

    • 添加一个 Workers AI,变量名称为大写的 AI,然后保存。
      绑定 AI
  3. 创建 Analytics 数据集

    • 在左侧工具栏,储存和数据库,点击Anslytics Engine,创建一个数据集,命名为 sink
      图片
    • 返回绑定页面,绑定刚创建的数据集:
      • 变量名称:ANALYTICS
      1
      ANALYTICS
      • 数据集名称:sink
      • 保存设置。
        绑定数据集
  4. 设置兼容性标志

    • 在兼容性标志中搜索并选择 nodejs_compat
1
nodejs_compat
 ![兼容性标志](https://t.633668.xyz/file/1754822105532_image.png)
  1. 完成部署
    • 返回部署页面,点击“重试部署”。
    • 部署完成后,绑定你的简短域名,让分享链接更简洁美观,避免又臭又长 😎!

完成啦!🎊

现在你的项目已经部署成功,可以通过自定义域名分享给朋友啦!快去试试吧!😄