← 返回 TimeAmber
logo NodeSeekbeta

MOZUI-SL: 极致 macOS 风格 Serverless 短链接系统

🍏 MOZUI-SL: 极致 macOS 风格 Serverless 短链接系统

基于 Cloudflare Workers + KV 数据库 + React 构建的现代化短链接生成与管理系统。纯 Serverless 架构,零服务器成本,拥有毫秒级的全球访问速度与纯正的 macOS 毛玻璃美学交互。

核心特性

  • 🎨 纯血 macOS UI:全站高斯模糊(Glassmorphism)卡片设计,定制级丝滑 Toast 提示弹窗。
  • 极致性能:依托 Cloudflare 边缘节点,单页应用极速响应,Metadata 闪电拉取数据。
  • 🎛隐秘总控台:自带 /admin+ 上帝视角看板,支持卡片网格大盘、实时搜索过滤、无文字图标翻页。
  • 🛡工业级防滥用
    • 双向智能去重:SHA-256 长链加密匹配,重复提交瞬间拦截并自动写入剪贴板。
    • IP 速率限制:自动识别真实访客 IP,默认限制每日 10 次生成,防止恶意脚本刷爆。
    • 动态白名单:站长可在后台一键隐式授权当前网络,获得无限生成特权。
  • 阅后即焚 (TTL):支持设置 1小时 / 1天 / 7天有效期,到期后全球节点物理级销毁。
  • 📊 实时统计:精确记录每一次跳转,并在大盘提供限时链接的秒级动态倒计时。

🚀 极简部署 (免编译,适合新手)

如果你不想折腾本地 Node.js 环境,可以直接使用本仓库打包好的单文件代码进行网页端直接部署。代码文件位于本项目目录下的 worker/worker.js

  1. 登录 Cloudflare 控制台,在“存储和数据库” -> “KV” 中创建一个 KV 命名空间(例如命名为 mozui-links)。
  2. 在“Workers 和 Pages”中点击创建,新建一个 Worker
  3. 进入新创建的 Worker,点击右上角的 “编辑代码”,将本仓库 worker/worker.js 文件中的全部代码复制,并覆盖粘贴到网页编辑器中,点击右上角部署。
  4. 返回 Worker 的详情页,进入 Settings (设置) -> Variables and Secrets (变量和机密) 中:
    • KV 命名空间绑定:点击添加,变量名必须严格填写为大写的 KV,空间选择你刚才在第一步创建的。
    • 环境变量:添加 ADMIN_PWD_DEFAULT(值为你的后台默认密码,不填默认为 admin888*)。
    • 环境变量:添加 WHITELIST_IPS(免限流白名单 IP,多个用逗号隔开。如果不清楚自己的 IP,可以先不填,后续在后台一键获取)。
  5. 部署完成!访问 你的Worker域名/admin+?pwd=你的密码 即可进入漂亮的控制台。

🛠️ 本地开发与全栈部署 (适合开发者)

如果你想二次开发本系统(前端 Vite + React,后端 Hono.js),请按以下步骤操作:

# 1. 安装依赖
pnpm install

# 2. 本地调试前端
pnpm run dev

# 3. 编译前端资源
pnpm exec vite build

# 4. 发布到 Cloudflare (需提前配置好 wrangler 和 API Token)
pnpm run deploy

jNk4Pp63l3M8WxzpXNbYVmqeg1XG4yry.webp

XumskvO7msHsAQUiuglpoyQExBru1bkH.webp

XmXRflmNcf00EQsc4EEAZQWjBm7DUiU9.webp

uL7ZbxnnPelDzXGZYxCFmWStvrYlNWq9.webp

3NBBWb8C3yx2OVQJf1XxKi2GmXfjYteX.webp

📄 开源协议

本项目基于 MIT 协议开源。欢迎 Star ️ 和 Fork!

论坛快捷回帖:
请选择
内容
预览
对照
快捷回复
AC娘
洋葱头
小黄鸡
Fluent
App