banner
约 300 字
1 分钟

用GitHub和Cloudflar免费搭建一个自己的短链系统

-
无标签

前言

很多人发链接的时候,尤其是第三方平台,如果链接过长会出现网址发不全或者干脆被吞掉的情况,短链接就可以解决这个问题。最近发现了这个GitHub + Cloudflare免费搭建短链系统的项目Sink,不仅能生成短链接,还有统计后台,部署也十分简单。

项目特色

  • 🔗 网址缩短: 将你的网址压缩到最小长度。

  • 📈 分析: 监控链接分析并收集有价值的统计数据。

  • ☁️ 无服务器: 无需传统服务器即可部署。

  • 🎨 可定制的Slug:支持个性化的slug和大小写敏感度。

  • 🪄 AI Slug: 利用AI生成Slug。

  • ⏰ 链接过期: 为你的链接设定有效期。

  • 📱 设备路由: 将iOS/Android用户重定向到不同的URL(App Store链接)。

  • 🖼️ OpenGraph预览: 自定义社交媒体预览,包含标题、描述和图片。

  • 📊 实时分析: 实时3D地球仪可视化和实时事件日志。

  • 🔲 二维码: 为你的短链接生成二维码。

  • 📦 进出口: 通过JSON/CSV文件进行批量迁移。

  • 🌍 多语言: 仪表盘完全支持 i18n。

  • 🌙 暗黑模式: 光明、暗色和系统主题支持。

部署方法

  1. 打开项目GitHub地址,将代码Fork到自己的账号下。 项目地址:https://github.com/miantiao-me/Sink

    4f0df016df1901fa.png
  2. 登陆cloudflare,选择任意域名页面,右下角复制Cloudflare的账号ID,然后点击获取API令牌

    8223b8fc5d9e9550.png
  3. 创建令牌,选择使用阅读分析数据和日志模板

    65709e71483dfa72.png

    创建成功后,即可得到API令牌,注意这里只显示一次,务必复制保存

    523b77d7d1558b4c.png
  4. 进入“Workers和Pages”,再点击”创建应用程序“

    d6b5db1954c70ec0.png
  5. 点击最下方的”开始使用“,创建pages

    b93b04f317d11f2e.png
  6. 导入自己GitHub的Git存储,选择刚刚fork的项目

    f8fef8d8132ac99e.png
  7. 框架预设选择Nuxt.js

    15ff73549d827bbe.png
  8. 添加环境变量

纯文本
NUXT_SITE_TOKEN = 至少8位的密码,英文数字组合
NUXT_CF_ACCOUNT_ID = Cloudflare的账号ID
NUXT_CF_API_TOKEN = 刚才创建API令牌

a1eba351142f7bbb.png

9. 保存并部署,第一次部署时会失败,选择继续部署

91a9e517c6a02d99.png

10. 返回sink项目,点击设置,兼容性标志填写 nodejs_compat

e472f513b2f10d9c.png

11. 重新部署就成功了

f6f9aba8b300acad.png

12. 创建KV存储,选择Workers KV,创建 KV 命名空间,名称sink

649e6a597f18ffdc.png

13. 返回项目设置,依次绑定KV、AI和Analytics Engine - KV 命名空间绑定。名称 KV 绑定到 sink - Workers AI 绑定。名称 AI 绑定到 Workers AI 目录 - Analytics Engine绑定。名称 ANALYTICS 并绑定到 sink 

0b96227ac4648c33.png

14. 添加自定义域名

f84343537018abd0.png

15. 重新部署后,即可通过自定义域名打开网页

0fe154d3e6057e5e.png

使用

  1. 创建短链接

    d212194ca84c65fb.png
  2. 可以生成短链接和二维码

    969059f306d9514c.png
  3. 还可以查看分析数据

    3e53c538158dd0f8.png
  4. 以及实时访客

    c33dbb753e288192.png

结尾

这个项目很久以前就有了,但按照之前的教程统计功能总有错误,这次参考官方视频重新整理了一下,可以正常使用了。

END

相关文章

暂无相关文章