blog/content/posts/逍遥游/Hello，Sink.md at 3db85006cc5e7b05fe544ef9ff88e20b08ed2e92

chlorine/blog

Fork 0

Chlorine 3db85006cc

INIT (I swear I will never re-init this repo again)

2025-05-10 14:02:07 +08:00

4.3 KiB

Raw Blame History

slug

summary

简介

Sink 是一个完全基于 CloudFlare 的短链接（shortURL）项目，支持数据分析和链接截止日期等多种功能。

啥是短链接？简单来说，如果你觉得小氯的文章解决Swup导致的JavaScript加载失效问题写得不错（~~行了我知道你并不这么觉得~~），希望分享给朋友，你很可能会把这个链接直接粘贴给你的朋友：

https://chlor.me/swup-modifying

看着还行，不是吗？但是假如小氯的链接是：

https://ameaninglessprefix.averylongurlforchlorinechan.ameaninglesstldthatdoesntevenexist/ameaninglessdirthatstandsformyposts/anothermeaninglessprefix/2024/07/26/qwertyuiopasdfghjklzxcvbnm1234567890/swup-modifying

我敢打赌你的朋友看到这个链接就会汗流浃背。

但是如果现在你贴心地告诉朋友，这个链接也是一样的：

# 注：我瞎编的
https://cl.tld/swup

我相信你们之间的友谊会得到相当程度的强化。

概括一下，就是说有时候一个链接实在是太长了，不便于分享和发送，我们就想办法造出一个短链接来，使得这个短链接指向原本长链接一样的位置。

市面上的短链接服务有很多，Sink 是其中能自部署的服务中比较出色的一个。

What do I need?

一个 CloudFlare 账户
一个托管在 CloudFlare 的域名，短点最好
一个 GitHub 账户
一台能顺畅访问互联网的设备
手，脑子

准备工作

获取 CloudFlare Account ID

在 CloudFlare 仪表板中随便点击一个域名，进入概览页面，向下滑，在 API 一栏中就能看到【账户 ID】了。

创建 CloudFlare Account API

在仪表板的右上角点击账户图标-我的个人资料-API 令牌，然后点击创建 API 令牌。

滑动到最下方，选择【创建自定义令牌】，配置如下所示：

创建 CloudFlare KV

在侧边栏-Workers 和 Pages-KV 创建即可，名字随便起。

启动！

首先进入 GitHub，fork 这个仓库（别忘记给作者点 star~）。然后进入 CloudFlare，在侧边栏点击【Workers 和 Pages】，新建一个 page，选择【通过导入现有 Git 存储库创建】（如果还没绑定 CloudFlare Pages APP 到 GitHub，按要求操作即可），仓库选择刚刚克隆的仓库。

进入配置界面，项目名称随便起，框架预设选择 Nuxt.js，然后点击【环境变量（高级）】，增加如下几个环境变量：

NUXT_SITE_TOKEN：这个随便起，但是长度需要超过 8，且不能是纯数字！
NUXT_CF_ACCOUNT_ID：你的账户 ID
NUXT_CF_API_TOKEN：你的 API token

然后点击部署，随即取消（~~CloudFlare：你是真的苟~~）。进入项目管理界面-设置-函数，添加以下的绑定：

KV：键就是 KV，值是你刚才的 KV namespace。
Workers AI（Optional）：键为 AI，值会自动给你生成为 Workers AI Catalog。
Analytics Engine：键为 ANALYTICS ，值为 sink（需要启动 CloudFlare 分析引擎，照做即可）。

Important

注意这几个绑定的【生产】和【预览】选项卡是不同步的，需要分别创建！

然后重新部署即可。

绑定自定义域名

这个是可选的，但是 CloudFlare Pages 的域名很容易访问不畅，而且也太长了，违背了 short 的初衷。

绑定域名的步骤略过。剩下的时间，各位老友自由发挥吧。

4.3 KiB Raw Blame History Unescape Escape

简介