无服务器个人导航页搭建教程搭 & 收藏夹导入 自定义域名

📥 资源获取

• 百度网盘：点击进入
• 夸克网盘：点击进入

🎬 教程视频

🌐 什么是 Cloudflare Workers 导航页

基于 Cloudflare Workers 搭建的个人导航页，完全免费、无需服务器，只需一个 Cloudflare 账号即可部署。

支持暗色模式、APP 视图、自定义域名、收藏夹导入导出等功能，代码完全开源。

✨ 功能特色

• 完全免费：无需购买服务器，Cloudflare 免费额度完全够用
• 多种视图：支持网页视图和 APP 视图切换
• 暗色模式：自带深色主题，支持一键切换
• 自定义域名：可绑定自己的域名访问
• 收藏夹导入：支持从浏览器导出的收藏夹一键导入
• 隐藏分类：可隐藏特定分类，未登录用户不可见
• 数据管理：支持配置导入导出，方便迁移

🚀 部署步骤

1. 注册 Cloudflare 账号（只需邮箱，无需绑定手机）
2. 进入 计算 → Workers 和 Pages，点击创建应用程序
3. 选择从 Hello World 开始，修改项目名称，点击部署
4. 部署成功后点击编辑代码，将 GitHub 项目中 worker.js 的代码全选复制粘贴进去
5. 点击部署即可访问

⚙️ 配置数据库与密码

添加 KV 存储：

进入 存储和数据库 → Workers KV，新建一个 KV 命名空间（如 nav）。

回到 Workers 项目 → 绑定 → 添加绑定，选择 KV 命名空间，变量名称固定为 CARD_ORDER，选择刚创建的命名空间。

添加环境变量：

进入 设置 → 添加变量，添加以下两个变量：

• ADMIN_PASSWORD：管理员登录密码（自定义，如 456）
• JWT_SECRET：用于加密 Token（随机字符串即可）

添加完成后，在 版本历史记录 中点击最新版本右侧三个点，选择 提升版本。

🔗 绑定自定义域名

进入 设置 → 域 → 添加域名，选择已托管的域名，自定义子域名（如 nav），即可使用自己的域名访问导航页。

📥 导入收藏夹

1. 在导航页 设置 中先导出一份配置（JSON 格式）
2. 浏览器 设置 → 收藏夹 → 导出收藏夹（HTML 格式）
3. 将导出的 HTML 文件内容发给 AI（如豆包），让其按 JSON 格式转换
4. 将转换后的内容粘贴到 JSON 文件中
5. 在导航页 设置 → 导入配置，选择该文件即可导入

导入完成后会自动获取网站图标。

📌 最后总结

整个搭建过程无需任何费用，无需服务器，只需一个 Cloudflare 账号。你可以把 Worker 代码发给 AI 帮你修改页面样式和功能。

🔗 相关链接

• GitHub 项目：lineagett/cf-workers-nav
• Cloudflare：https://dash.cloudflare.com/