1.介绍

Sink本身是一个可以便捷部署为静态站点的应用,可以免费部署在高性能、高可靠的 Cloudflare 平台上,享受闪电般的访问速度和坚如磐石的服务稳定性。

Demo : https://c.cpcp.cc.cd/

2.项目特点:

  • 无服务器:无需传统服务器即可部署
  • URL缩短:将您的 URL 压缩到最小长度
  • 数据分析:监控链接分析并收集有价值的统计数据
  • 自定义短链:支持个性化短链和大小写敏感
  • AI短链:利用 AI 生成短链
  • 链接过期:为您的链接设置过期日期
  • 设备路由:iOS/Android 用户自动跳转应用商店
  • 社交预览:自定义社交媒体 OpenGraph 预览
  • 实时分析:3D 地球可视化和实时事件日志

3.部署

第一步:Fork Sink 开源项目

前往 Sink 的 GitHub 官方仓库 https://github.com/ccbikai/Sink。 点击页面右上角的 “Fork” 按钮,将该项目完整复制到你自己的 GitHub 账号下。这是你进行后续操作的基础。

第二步:注册Cloudflare账号

Cloudflare官网:https://dash.cloudflare.com

第三步,将域名托管到CloudFlare中,并获取账户ID

访问 Cloudflare 仪表盘,随便点击进去一个域名。在右边下拉找到我们需要的账户ID,复制出来备用。

第四步,API令牌模板选择阅读分析数据和日志

打开 API令牌 管理页面,点击“创建令牌”按钮

页面拉到最下面,点击 “阅读分析数据和日志” 后面的“开始使用”按钮,按以下方式填写。

令牌名字:Sink-阅读分析数据和日志
权限:只需保留 账户分析 ,其他3项可删除
其他默认

把令牌复制出来备用

第五步,新建KV命名空间

打开 CloudFlare主页,点击左侧的 “存储和数据库”,然后点击 “Workers KV”,点击 “Create Instance”。

在命名空间名称输入框里输入 sink 作为命名空间名称。点击添加即可。

第六步,创建Pages

点击 “Compute” 的 “Workers 和 Pages” 项,点击 “创建应用程序

点击最底部的 “开始使用

选择 “导入现有 Git 存储库

选择我们Fork下来的 “Sink” 项目

框架预设选择 “Nuxt.js”,这里看清楚别选错了,不是 next.js

配置环境变量,这是至关重要的一步,因为 Sink 服务依赖这些变量来存储数据和进行认证。

点击 “环境变量“,然后添加以下变量:

  • NUXT_SITE_TOKEN:这是你访问 Sink 后台管理界面的令牌。必须设置一个至少包含 8 个字符的强密码,请务必妥善保管。
  • NUXT_CF_ACCOUNT_ID:这是你的 Cloudflare 账号 ID。你可以在仪表盘右侧边栏的 “Account details” 中找到它。
  • NUXT_CF_API_TOKEN:为了让 Sink 能够与你的 Cloudflare 资源进行交互,你需要创建一个具有相应权限的 API 令牌。

点击 “保持并部署“,但是此时的部署是可能会失败的,你需要回到CF page的设置中设置兼容性标志。

第七步,兼容性标志

在设置里,运行时找到兼容性标志输入 “nodejs_compat”。
此标志对于一些 Node.js 兼容性库至关重要,确保 Sink 可以在 Workers 环境中正确运行。

第八步,配置绑定KV、AI 和 Analytics Engine

  • KV 命名空间:变量名称 “KV”(必须是大写的KV)、值 “sink”;
  • Analytics Engine:变量名称 “ANALYTICS”(必须是大写的)、值 “sink”;
    • 这将允许 Sink 收集和分析短链接的访问数据
  • Workers AI:变量名称 “AI”(必须是大写的)。
    • 这允许你的 Sink 服务利用 Workers AI 目录中的模型

回到部署界面重新部署即大功告成。

4.说明

感谢原作者的付出,觉得好用不妨给原作者一个 星星

油管视频教程:https://www.youtube.com/watch?v=nwxV-z6jeeg