用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

结尾

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

作者:无辣
感谢大家的支持
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇