玩转CF之部署短链接生成器Sink
1. 前言
最近迷上了cloudflare,感觉这非常、即将、很有可能成为后续个人站长开发的大趋势,部署、域名管理都真的太方便了。
2. Sink介绍
官方仓库在这:https://github.com/ccbikai/Sink
你可以直接点开它在线demo体验:https://sink.cool/dashboard
2.1 功能特性
它能够做到的功能有:
URL 缩短:将 URL 压缩到最小长度
分析:监控链接分析并收集具有洞察力的统计数据
无服务器:无需传统服务器即可部署
可定制的 Slug:支持个性化的 Slug
AI Slug:利用 AI 生成 slug。
链接过期:设置链接的过期日期
2.2 截图预览
2.2.1 创建链接

2.2.2 分析界面


3. 使用CF部署
3.1 fork Sink的仓库到你的仓库中
地址:https://github.com/ccbikai/Sink
3.2 在cloudflre page中创建


3.3 选择Nuxt.js预设
这里看清楚别选错了,不是next.js

3.4 配置环境变量

有三个变量需要进行配置
NUXT_SITE_TOKEN :项目启动后访问的密码
NUXT_CF_ACCOUNT_ID : CF的账号ID
NUXT_CF_API_TOKEN 账户token
NUXT_HOME_URL 登入够默认主页(可不填)



选择Account.Account Analytics,如果你的是中文界面,可以改右上角的语言改为英文更加方便选择。
3.5 保存并部署
但是此时的部署是可能会失败的,你需要回到CF page的设置中选择函数然后配置
3.5.1 KV namespace 绑定

如果你的KV还没有namespace,可以在这进行创建

3.5.2 Workers AI 绑定 和Analytics Engine 绑定
AI
ANALYTICS

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

4. 最后
访问域名看看吧

5. 错误解决
5.1 No such module "node:buffer"
对应的GitHub issues: Error when deploying sink on cloudflare
解决办法:
在Cloudflare面板中增加兼容性标志:nodejs_compat
