跳到主要内容

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​

    选择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. 最后

    访问域名看看吧