一个现代化、基于AI辅助的全栈个人导航站。依托Cloudflare免费托管,实现多端数据实时同步。
本应用基于Cloudflare Pages + KV构建,消耗服务器,永久免费。
- Fork 项目:点击右上角 Fork 按钮,将本项目克隆到您的 GitHub 账号。
- 创建页面应用:登录 Cloudflare Dashboard -> Workers & Pages -> 创建应用程序 -> 页面 -> 连接到 Git -> 选择
CloudNav-abcd - 配置构建:
- 框架默认:无(无)
- 构建命令:
npm run build - 输出目录:
dist
- 创建数据库:在 Workers & Pages -> KV 中创建一个新的命名空间,命名为
CLOUDNAV_DB - 绑定变量:
- 进入页面项目设置 -> 绑定(Bindings) -> 添加KV命名空间 -> 变量名填
CLOUDNAV_KV,值选择刚才创建的CLOUDNAV_DB - 进入环境变量(环境变量)->添加变量
PASSWORD,值为您的访问密码。
- 进入页面项目设置 -> 绑定(Bindings) -> 添加KV命名空间 -> 变量名填
- 部署:重新部署项目即可。
👉 点击查看配置方法(图文教程)
如果您是第一次使用 Cloudflare,请严格按照以下步骤操作。
返回前面的页面设置页面绑定-相关找到kv命名空间,变量名称填写CLOUDNAV_KV(建议复制) 
设置中找到变量和发票-填入PASSWORD(建议复制)下面的值填入您自己要设置的密码,这一步是您登录导航页需要的登录密码 
🎉所有设置结束后,请务必到配置页面点击“重新配置”(Create New Deployment),项目即可正常使用!
👉 点击查看使用指南
点击侧边栏左下角的“设置” -> “扩展工具”。系统会自动根据您的域名生成3个文件代码( manifest.json, popup.html, popup.js)。
- 在电脑新建文件夹中,保存这3个文件。
- Chrome扩展管理页面(
chrome://extensions)。 - 开启右上角“开发者模式”。
- 点击“加载已解压的扩展程序”,选择刚才的文件夹。
- 以后浏览网页时,选择点击插件图标即可弹出窗口,分类并保存。
点击侧边栏底部的“设置” -> “AI设置”:
- 巨头:Google Gemini 或 OpenAI 兼容 (DeepSeek 等)。
- Key & Model : 输入 API Key 和型号名称。
- 一键补全:点击底部的“一键补全所有描述”,AI将自动扫描所有无描述的链接并后台生成。
点击侧边栏的“备份”图标,配置WebDAV信息(如VPN),即可一键上传备份到云端。
点击侧边栏的“备份”图标 -> “导出 HTML”。
- 生成的HTML文件完全兼容Chrome、Edge、Firefox等主流浏览器的导入格式。
- 完整保留您在云航中整理的分类目录结构。
如何导入浏览器(以Chrome为例):
- Chrome浏览器,点击右上角菜单 ->书签与清单-> 打开书签管理器。
- 点击页面右上角的三个点图标 ->导入书签。
- 选择刚才从云航下载的HTML文件即可恢复所有书签。
github 地址:https://github.com/nssanc/CloudNav-abcd









Comments NOTHING