TianLiLally
发布于 2026-11-01 / 0 阅读
0
0

告别混乱收藏夹:基于 Cloudflare Workers 的轻量卡片式个人书签导航页搭建

NAV

cf-workers-nav:基于 Cloudflare Workers 的极简卡片式个人书签导航页

Serverless 零成本托管
部署架构与成本
CF Workers + KV
$0 终身免服务器 · 单文件毫秒级冷启
交互与视觉体验
卡片式 / 拖拽排序
Tailwind CSS / 自动深色模式 / 聚合搜索
数据安全与管理
私密链接 + JSON 备份
未登录隐藏敏感资产 · 一键导出迁移
💡 极速概览:浏览器收藏夹动辄积累了几百上千个网址,层层文件夹套娃,想找的时候如同大海捞针?开源项目 lineagett/cf-workers-nav 提供了一个极简优雅的解法:无需购买任何 VPS 云服务器,纯靠 Cloudflare Workers 和免费 KV 存储,就能一键生成一个响应式、支持鼠标拖拽排序、可配置私密书签与聚合搜索的卡片式个人专属导航主页!

📌 痛点剖析:为什么你需要一个 Serverless 个人云端导航台?

许多常年折腾 AI 工具链、影视资源站、学术论文库或自建网关的极客,往往面临以下痛点:

  1. 浏览器收藏夹跨设备同步割裂:在主力办公 PC 上收藏的链接,在手机、平板或备用笔记本上很难第一时间快速找到;
  2. 自建导航页维护成本过高:用 Docker 跑 Flame / Homer / Dashy 虽然好看,但必须买海外 VPS、配 Nginx 反代、续签 SSL 证书,服务器一断网全家瘫痪;
  3. 公开展示与私密资产冲突:有些内部运维面板(如 VPS 探针、路由器后台、私有网盘)不希望被别人看到,普通静态站往往缺乏权限控制。

cf-workers-nav 完美融合了“极简单文件”与“强大功能”:

  • 纯原生 Serverless:仅一个 workers.js 脚本,直接把前端 UI、API 路由与 KV 读写打包在一起,全球 Anycast CDN 毫秒级秒开;
  • 移动端与桌面双模自适应:卡片视图(Card View)与应用图标视图(App View)一键自由切换,支持长按或鼠标拖拽实时调整排序;
  • 私密链接与密码保护:支持将核心资产标记为“私密”,游客访问只看到常规导航,管理员输入密码后才会解密展示全部隐藏书签!
📊 主流个人书签/导航构建模式横向全景对比表
横向滑动查看完整内容(左右拖动)
方案模式 服务器与成本 管理维护难度 排序与交互支持 核心优缺点与适用群体
🚀 cf-workers-nav
(本文推荐方案)
$0(纯 CF 免费额度) 极低(单文件复制粘贴) 鼠标/长按自由拖拽排序 零运维与高颜值结合:KV 云端存储,支持私密链接隐藏,适合收藏大量 AI 工具与影视站的普通玩家与极客。
🖥️ VPS Docker 自建
(Flame / Homer / Dashy)
每月 $3~$10 云服务器费 高(需配 Docker/反代/证书) 多数需改 YAML 配置文件 适合拥有现成 NAS/软路由的玩家,但作为公网主页容易因为服务器宕机而无法访问。
📑 浏览器自带收藏夹
(Chrome/Edge 同步)
$0(内置) 开箱即用 多层树状目录查找费劲 收藏容易整理难:收藏几百个后变成“死链接墓园”,缺乏视觉卡片与全局快捷搜索体验。

🔑 极简部署全流程:3 分钟上线属于你的导航主页

1

第一步:创建 Cloudflare Worker 并贴入代码

  • 登录 Cloudflare 控制台,进入 Workers 和 Pages ➔ 创建 Worker;
  • 打开 GitHub 仓库 lineagett/cf-workers-nav,复制 workers.js 文件的全部代码并粘贴覆盖在线编辑器;
  • 点击“部署”按钮完成初次发布。
2

第二步:新建 KV 命名空间并配置环境变量

  • 进入 Workers 和 Pages ➔ KV,新建一个名为 CARD_ORDER 的 KV 存储空间;
  • 回到刚才创建的 Worker 设置页 ➔ Settings ➔ Variables ➔ KV 命名空间绑定:变量名称填写 CARD_ORDER,绑定指向刚才创建的 KV;
  • 在同页面的 环境变量(Environment Variables) 中添加两项参数:
    • ADMIN_PASSWORD:管理员后台登录密码;
    • JWT_SECRET:用于生成管理 Token 的随机长字符串。
3

第三步:绑定独立自定义域名并开始使用

  • 在 Worker 的 Settings ➔ Domains & Routes 中添加自定义二级域名(如 nav.yourdomain.com);
  • 在浏览器打开该域名,右下角输入管理密码即可登录,直接点击“+”添加网址、拖拽调整分类,享受清爽丝滑的专属导航体验!

🔄 总结与开源资源直达

免责声明

本文章仅供参考学习使用,不具备任何教学行为,了解账户授权、第三方服务风险、数据处理及责任限制。


评论