CloudNav (云航) – 智能导航站

fclyn 发布于 2026-01-01 271 次阅读


一个现代化、基于AI辅助的全栈个人导航站。依托Cloudflare免费托管,实现多端数据实时同步。

🚀 配置教程(免费)

本应用基于Cloudflare Pages + KV构建,消耗服务器,永久免费。

📥点击下载完整图文教程 (.docx)

📋 简明部署步骤(适合有经验的用户)

  1. Fork 项目:点击右上角 Fork 按钮,将本项目克隆到您的 GitHub 账号。
  2. 创建页面应用:登录 Cloudflare Dashboard -> Workers & Pages -> 创建应用程序 -> 页面 -> 连接到 Git -> 选择CloudNav-abcd
  3. 配置构建
    • 框架默认:无(无)
    • 构建命令:npm run build
    • 输出目录:dist
  4. 创建数据库:在 Workers & Pages -> KV 中创建一个新的命名空间,命名为CLOUDNAV_DB
  5. 绑定变量:
    • 进入页面项目设置 -> 绑定(Bindings) -> 添加KV命名空间 -> 变量名填CLOUDNAV_KV,值选择刚才创建的CLOUDNAV_DB
    • 进入环境变量(环境变量)->添加变量PASSWORD,值为您的访问密码。
  6. 部署:重新部署项目即可。

👉 点击查看配置方法(图文教程)

📖 保姆级图文教程(适合新手)

如果您是第一次使用 Cloudflare,请严格按照以下步骤操作。

第一步:点击创建应用程序

1

第二步:点击右下角开始

2

第三步:导入现有的你已经fork的仓库

3

第四步:这里选择你自己叉子的仓库名称

4

第五步:按主题填写,其他默认

5

第六步:左侧找到Workers KV 点击右侧新建

6

第七步:空间名称填写CLOUDNAV_DB(建议复制)

7

第八步:绑定KV数据库

返回前面的页面设置页面绑定-相关找到kv命名空间,变量名称填写CLOUDNAV_KV(建议复制) 8

第九步:设置访问密码

设置中找到变量和发票-填入PASSWORD(建议复制)下面的值填入您自己要设置的密码,这一步是您登录导航页需要的登录密码 9

第十步:添加自定义域名(可选项)

10

🎉所有设置结束后,请务必到配置页面点击“重新配置”(Create New Deployment),项目即可正常使用!


👉 点击查看使用指南

⚙️使用指南

1. Chrome扩展程序(推荐)

点击侧边栏左下角的“设置” -> “扩展工具”。系统会自动根据您的域名生成3个文件代码( manifest.jsonpopup.htmlpopup.js)。

  1. 在电脑新建文件夹中,保存这3个文件。
  2. Chrome扩展管理页面( chrome://extensions)。
  3. 开启右上角“开发者模式”
  4. 点击“加载已解压的扩展程序”,选择刚才的文件夹。
  5. 以后浏览网页时,选择点击插件图标即可弹出窗口,分类并保存

2.配置AI服务

点击侧边栏底部的“设置” -> “AI设置”

  • 巨头:Google Gemini 或 OpenAI 兼容 (DeepSeek 等)。
  • Key & Model : 输入 API Key 和型号名称。
  • 一键补全:点击底部的“一键补全所有描述”,AI将自动扫描所有无描述的链接并后台生成。

3.WebDAV备份

点击侧边栏的“备份”图标,配置WebDAV信息(如VPN),即可一键上传备份到云端。

4.本地数据导出(Local Data Export)

点击侧边栏的“备份”图标 -> “导出 HTML”

  • 生成的HTML文件完全兼容ChromeEdgeFirefox等主流浏览器的导入格式。
  • 完整保留您在云航中整理的分类目录结构。

如何导入浏览器(以Chrome为例):

  1. Chrome浏览器,点击右上角菜单 ->书签与清单-> 打开书签管理器
  2. 点击页面右上角的三个点图标 ->导入书签
  3. 选择刚才从云航下载的HTML文件即可恢复所有书签。

此作者没有提供个人介绍。
最后更新于 2026-01-01