type
status
date
slug
summary
tags
category
icon
password
📰 项目地址:
给作者点个星星。
✨ 特性
- 📱 响应式设计 - 完美适配各种设备屏幕
- 📋 分类浏览 - 按类别组织书签,简单直观
- 🔍 站内搜索 - 快速查找需要的网站
- 📝 书签提交 - 用户可申请添加新书签
- 🛡️ 审核机制 - 管理员审批流程保证内容质量
- 🔒 安全认证 - 支持KV存储保存管理员凭据
- 📊 后台管理 - 完整的书签管理界面
- 📤 导入导出 - 支持批量导入导出书签
🖼️ 预览图


🚀 快速开始
在线体验
访问示例网站:https://nav.wangwangit.com
注意: 示例站点仅供演示,请勿提交敏感信息
📦 部署指南
准备工作: 你需要一个 Cloudflare 账号。
步骤 1: 创建 D1 数据库
- 在 Cloudflare 控制台,进入
Workers & Pages->D1。
- 点击
创建数据库,数据库名称输入book,然后创建。

- 进入数据库的
控制台,执行下方的 SQL 语句来快速创建所需的表结构。(注意移除中文注释)

提示: 使用 SQL 是最快捷的方式。如果你想手动建表,请确保字段名、类型与上述 SQL 一致。
步骤 2: 创建 KV 存储
- 在 Cloudflare 控制台,进入
Workers & Pages->KV。
- 点击
创建命名空间,名称输入NAV_AUTH。

- 创建后,为此 KV 添加两个条目,用于设置后台登录的 用户名 和 密码。
- admin_username: 你的管理员用户名(例如
admin) - admin_password: 你的管理员密码

步骤 3: 创建并部署 Worker
- 回到
Workers & Pages,点击创建应用程序->创建 Worker。
- 为你的 Worker 指定一个名称(例如
my-nav),然后点击部署。

- 部署后,点击
编辑代码。将仓库中最新版本的脚本(推荐work_v2.js,部署时可重命名为work.js)完整复制并粘贴到编辑器中,替换掉原有内容。
- 点击
部署保存代码。

步骤 4: 绑定服务
- 进入你刚刚创建的 Worker 的
设置->变量。
- 在 D1 数据库绑定 中,点击
添加绑定: - 变量名称:
NAV_DB - D1 数据库: 选择你创建的
book
- 在 KV 命名空间绑定 中,点击
添加绑定: - 变量名称:
NAV_AUTH - KV 命名空间: 选择你创建的
NAV_AUTH

步骤 5: 开始使用
- 访问你的 Worker 域名(例如
my-nav.your-subdomain.workers.dev)。首次访问会提示没有数据。
- 访问
你的域名/admin进入后台,使用你在 步骤 2 中设置的用户名和密码登录。
- 在后台添加第一个书签后,首页即可正常显示。

🔧 技术栈
- Cloudflare Workers - 边缘计算平台
- Cloudflare D1 - 边缘SQL数据库
- Cloudflare KV - 键值存储
- TailwindCSS - 实用程序优先的CSS框架
💻 项目结构
🛠️ 自定义开发
修改样式和主题
编辑
worker.js中的TailwindCSS配置部分:添加自定义功能
本项目使用Cloudflare Workers的单文件结构,所有逻辑都在
worker.js中。主要模块:api: API请求处理
admin: 管理后台逻辑
handleRequest: 前端页面渲染
获取网站图标
- --2025年06月09日更新---
⬆️ 从旧版本升级
如果你是 从 v1 之前的版本 升级到最新版,你需要为 sites 表添加 sort_order 字段以支持自定义排序功能。
请进入你的 book 数据库控制台,执行以下 SQL 语句:

执行成功后,用最新的 worker.js 代码重新部署 Worker 即可。
- Author:Jinyang
- URL:https://nblog.jinyang13.dpdns.org//article/2ebcbc41-1427-80c8-b67a-c242473800ef
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!










