Hello，Sink

各位老友们好，我是 Chlorine。

最近在重拾 TypeScript（~~小氯你到底还要开多少个语言的坑啊~~），同时热衷于薅带善人 CloudFlare 的羊毛，于是盯上了 CloudFlare Workers&Pages，然后找到了一个有趣的项目：Sink。

简介

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

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

https://www.yoghurtlee.com/swup-modifying

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

https://ameaninglessprefix.averylongurlforyoghurtlee.com/posts/anothermeaninglessprefix/2024/07/26/qwertyuiopasdfghjklzxcvbnm1234567890/swup-modifying

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

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

https://s.clmoe.top/fmf94q

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

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

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

What do I need?

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

准备工作

获取 CloudFlare Account ID

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

An image to describe post

创建 CloudFlare Account API

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

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

An image to describe post

创建 CloudFlare KV

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

启动！

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

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