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

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

    65709e71483dfa72.png
    65709e71483dfa72.png

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

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

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

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

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

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

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

a1eba351142f7bbb.png
a1eba351142f7bbb.png

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

91a9e517c6a02d99.png
91a9e517c6a02d99.png

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

e472f513b2f10d9c.png
e472f513b2f10d9c.png

11. 重新部署就成功了

f6f9aba8b300acad.png
f6f9aba8b300acad.png

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

649e6a597f18ffdc.png
649e6a597f18ffdc.png

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

0b96227ac4648c33.png
0b96227ac4648c33.png

14. 添加自定义域名

f84343537018abd0.png
f84343537018abd0.png

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

0fe154d3e6057e5e.png
0fe154d3e6057e5e.png

使用

  1. 创建短链接

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

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

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

    c33dbb753e288192.png
    c33dbb753e288192.png

结尾

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

END

相关文章

暂无相关文章