剪藏#ai星码#剪藏

还在用别人家的导航站?这个开源项目直接把导航网站部署到 Cloudflare!

2026 年 8 月 22 日1 分钟
分享Twitter / XTelegram微博
还在用别人家的导航站?这个开源项目直接把导航网站部署到 Cloudflare! 封面

浏览器收藏夹越来越乱,常用网站找半天?

想搭一个属于自己的导航网站,又不想买服务器?

可以看看这个开源项目:CF-Navs

它是一款运行在 Cloudflare Workers 上的轻量级个人导航面板,前端、API、D1 数据库和 KV 会话都可以放在 Cloudflare 上,不需要自己准备 VPS。

🧭 一个页面,管理所有网站

可以按照自己的习惯创建分类,例如:

🤖 AI工具 💻 开发工具 ☁️ Cloudflare 📦 GitHub 🎨 设计工具 📚 学习资源 🎬 视频网站

然后把常用网站全部放进去。

支持搜索、分类、排序、拖拽管理,找网站会方便很多。

🎨 颜值也可以自己折腾

不喜欢千篇一律的导航页面?

CF-Navs 提供 22套内置主题,支持:

🌞 亮色 / 🌙 暗色 🖼️ 自定义背景 🌫️ 背景遮罩 📐 卡片尺寸 ✨ 透明度 🔤 图标大小 🧭 左侧 / 顶部导航

完全可以按照自己的喜好打造一个导航站。

🔎 搜索功能也很实用

除了搜索自己的书签,还支持外部搜索引擎。

网站图标也有多种方式:

🌐 Favicon 🎨 Iconify 🖼️ 图片 🔤 文字 😀 Emoji

不用再一个个找图标。

💾 换导航站也不用重新整理

如果以前使用过其他导航工具,也不用从零开始。

CF-Navs 支持:

📄 JSON 备份 / 恢复 ☀️ Sun-Panel 数据导入 🌐 浏览器书签 HTML 导入

换电脑、换服务器或者迁移数据都方便不少。

🔐 安全功能也考虑到了

作为一个自己部署的导航站,后台安全当然不能马虎。

项目提供:

🔑 PBKDF2 密码哈希 🍪 HttpOnly Session Cookie 🛡️ CSRF 防护 🚫 登录失败限流

不是简单做个静态导航页面。

⚡ 为什么推荐 Cloudflare?

它的架构非常适合喜欢 Cloudflare 的人:

☁️ Cloudflare Workers:运行应用和 API 🗄️ D1:保存分类、书签和设置 🔐 KV:保存管理员会话

而且项目支持通过 Cloudflare 控制台导入 GitHub 仓库进行部署。

🎯 最适合这些人

如果你:

👨‍💻 收藏了一堆开发网站 🤖 经常使用 AI 工具 🌐 想搭自己的网址导航 ☁️ 喜欢 Cloudflare 免费项目 🛠️ 想自己部署一个导航站

CF-Navs 值得收藏。

它解决的其实就是一个很简单的问题:

网站越来越多,但我们总需要一个地方,把真正有用的网站整理起来。

而且这次,导航站不用买 VPS,直接跑在 Cloudflare 上。 🚀

相关截图:

电脑端:

Notion image

Notion image

Notion image

手机端:

Notion image

部署文字教程:

🚀 CF-Navs 部署方法

整个部署过程不需要 VPS,直接使用 Cloudflare Workers + D1 + KV 即可。

① Fork 项目

先 Fork CF-Navs 仓库,并确认默认分支是 main。

② 导入 Cloudflare

进入:Cloudflare → Workers & Pages → 创建应用程序 → 导入存储库→ 授权 GitHub 后选择刚刚 Fork 的仓库。

构建配置填写:

生产分支:main 根目录:/ 构建命令:npm run build 部署命令:npx wrangler deploy

然后完成第一次生产部署。

③ 配置 SETUP_TOKEN 🔐

第一次部署完成后,在 Worker:

设置 → 仪表和钥匙 → 生产环境

添加一个名为:**SETUP_TOKEN **的密钥(值自定义长度最好复杂些)(Secret)。

⚠️ 注意:一定要添加为“密钥”,不要添加成普通文本变量。

保存 Secret 后重新部署同一个 main 生产部署:可以在 Deployments 页面对最近一次生产部署执行 Retry/Redeploy,也可以向 main 推送一个新提交。不要只保存 Secret 后直接访问 /install,必须先让新的部署读取到 Secret。

④ 完成初始化

打开部署后的 Workers 地址,在网址后面加:/install

例如:

https://你的项目.workers.dev/install

输入刚刚设置的 SETUP_TOKEN,创建管理员账号和密码。

安装完成后,就可以正常登录导航后台了。🎉

⑤ 绑定自己的域名 🌐

如果想使用自己的域名,可以进入:

Workers → 域和路由 → 添加自定义域

绑定完成并确认可以正常访问后,再根据自己的需求关闭 workers.dev 地址。

⚠️ 一个特别容易踩坑的地方

不要设置完 SETUP_TOKEN 后直接访问 /install。

一定要:

添加 Secret → 保存 → 重新部署 → 再访问 /install

否则新配置可能还没有被当前生产环境读取。

另外,初始化完成以后记得删除或轮换 SETUP_TOKEN,因为安装完成后已经不再需要这个令牌了。

JAVASCRIPT
项目地址:https://aixmb.com/843.html
JAVASCRIPT
----

读到这里说明本文对你有所帮助,欢迎置顶(标星)公众号Ai 星码,这样就能第一时间接收干货推送了~

原文地址: https://mp.weixin.qq.com/s?__biz=MzIwMjUyMjQ2Ng==&mid=2247485106&idx=1&sn=cc1dedd180afde4287240d3f499f87f5&chksm=97106f016ab55952c94c43c990f655631eb6a49b4dc7e9de706c5bf383d4ce59b999cc92373f&mpshare=1&scene=1&srcid=0821e4qRJx6Lc8E150fBiZK2&sharer_shareinfo=2f4959385fb2ff4eaf1c9fbe64f444dc&sharer_shareinfo_first=2f4959385fb2ff4eaf1c9fbe64f444dc#rd

相关文章