Lazy loaded image
🧿 拾光集 - 精品网址导航站!Cloudflare 免费部署!
Words 1195Read Time 3 min
2026-1-17
2026-1-17
type
status
date
slug
summary
tags
category
icon
password

📰 项目地址:

给作者点个星星。

✨ 特性

  • 📱 响应式设计 - 完美适配各种设备屏幕
  • 📋 分类浏览 - 按类别组织书签,简单直观
  • 🔍 站内搜索 - 快速查找需要的网站
  • 📝 书签提交 - 用户可申请添加新书签
  • 🛡️ 审核机制 - 管理员审批流程保证内容质量
  • 🔒 安全认证 - 支持KV存储保存管理员凭据
  • 📊 后台管理 - 完整的书签管理界面
  • 📤 导入导出 - 支持批量导入导出书签

🖼️ 预览图

image
image2

🚀 快速开始

在线体验

访问示例网站:https://nav.wangwangit.com
注意: 示例站点仅供演示,请勿提交敏感信息

📦 部署指南

准备工作: 你需要一个 Cloudflare 账号。
步骤 1: 创建 D1 数据库
  1. 在 Cloudflare 控制台,进入 Workers & Pages -> D1
  1. 点击 创建数据库,数据库名称输入 book,然后创建。
    1. 创建D1数据库
  1. 进入数据库的控制台,执行下方的 SQL 语句来快速创建所需的表结构。(注意移除中文注释)
    1. 执行SQL
提示: 使用 SQL 是最快捷的方式。如果你想手动建表,请确保字段名、类型与上述 SQL 一致。
步骤 2: 创建 KV 存储
  1. 在 Cloudflare 控制台,进入 Workers & Pages -> KV
  1. 点击 创建命名空间,名称输入 NAV_AUTH
    1. 创建KV
  1. 创建后,为此 KV 添加两个条目,用于设置后台登录的 用户名 和 密码
      • admin_username: 你的管理员用户名(例如 admin
      • admin_password: 你的管理员密码
      设置KV键值对
步骤 3: 创建并部署 Worker
  1. 回到 Workers & Pages,点击 创建应用程序 -> 创建 Worker
  1. 为你的 Worker 指定一个名称(例如 my-nav),然后点击 部署
    1. 创建Worker
  1. 部署后,点击 编辑代码。将仓库中最新版本的脚本(推荐 work_v2.js,部署时可重命名为 work.js)完整复制并粘贴到编辑器中,替换掉原有内容。
  1. 点击 部署 保存代码。
    1. 编辑并部署代码
步骤 4: 绑定服务
  1. 进入你刚刚创建的 Worker 的 设置 -> 变量
  1. 在 D1 数据库绑定 中,点击 添加绑定
      • 变量名称: NAV_DB
      • D1 数据库: 选择你创建的 book
  1. 在 KV 命名空间绑定 中,点击 添加绑定
      • 变量名称: NAV_AUTH
      • KV 命名空间: 选择你创建的 NAV_AUTH
      绑定服务
步骤 5: 开始使用
  1. 访问你的 Worker 域名(例如 my-nav.your-subdomain.workers.dev)。首次访问会提示没有数据。
  1. 访问 你的域名/admin 进入后台,使用你在 步骤 2 中设置的用户名和密码登录。
  1. 在后台添加第一个书签后,首页即可正常显示。
    1. 后台登录

🔧 技术栈


💻 项目结构

🛠️ 自定义开发

修改样式和主题

编辑worker.js中的TailwindCSS配置部分:

添加自定义功能

本项目使用Cloudflare Workers的单文件结构,所有逻辑都在worker.js中。主要模块:
  • api: API请求处理
  • admin: 管理后台逻辑
  • handleRequest: 前端页面渲染

获取网站图标

  • --2025年06月09日更新---

⬆️ 从旧版本升级

如果你是 从 v1 之前的版本 升级到最新版,你需要为 sites 表添加 sort_order 字段以支持自定义排序功能。
请进入你的 book 数据库控制台,执行以下 SQL 语句:
452130431-4b12b1ef-042e-407d-9efb-7fecf9efb02c.png
执行成功后,用最新的 worker.js 代码重新部署 Worker 即可。
上一篇
Gemini 3 Pro 免费玩!只要一个Gmail邮箱即可搞定,无需信用卡、无需认证!
下一篇
注册永久免费域名dpdns.org,托管到 CloudFlare ,自动免费续订、提醒!

Comments
Loading...