Skip to content

hmhm2022/Card-Tab

Repository files navigation

Card-Tab 书签卡片式管理,进入管理模式可以自由移动书签位置,添加和删除书签,支持自定义网站分类,支持切换暗色主题

[当前版本] - 2025.06.01

✨ 核心功能

🎨 界面设计

  • 现代化视觉:采用 Segoe UI 字体系统,米白色/深色双主题
  • 卡片式布局:美观的书签卡片,支持左侧装饰条和悬停效果
  • 响应式设计:完美适配桌面端和移动端设备
  • 暗色主题:一键切换,护眼舒适的夜间模式

🔍 搜索功能

  • 多引擎搜索:支持百度、必应、谷歌、DuckDuckGo
  • 书签搜索:快速搜索已保存的书签名称和网址
  • 分类导航:快捷按钮一键跳转到指定分类
  • 智能高亮:自动高亮当前可见分类

📚 书签管理

  • 分类管理:自定义分类,支持重命名和排序
  • 卡片编辑:修改名称、网址、描述和自定义图标
  • 私密书签:登录后可见的私密书签功能
  • 拖拽排序:直观的拖拽操作调整书签顺序

🔐 安全特性

  • JWT验证:基于Token的身份验证机制
  • 自动过期:15分钟登录超时,保护隐私安全
  • 自动备份:KV存储保留最近10次数据备份
  • 权限控制:公开/私密书签分级管理

📱 用户体验

  • 自定义图标:支持图片URL链接,个性化书签外观
  • 悬停提示:鼠标悬停显示书签详细描述
  • 返回顶部:便捷的页面导航功能
  • 加载动画:流畅的交互反馈和视觉效果

📋 查看完整更新历史: CHANGELOG.md

注意:如果你已经部署过第一版(20240902)导航,更新workes代码后将无法看到之前保存的书签,需重新添加书签,望知悉!

2024.09.02 发布 (第一版很轻便,代码保留在history下)

演示站点: https://demo.usgk.dpdns.org 备用网址:https://demo.linuxdo.nyc.mn 密码:admin

20250429 更新界面:

1745910265848

未登录界面

image

已登录界面(黑暗主题)

image

设置界面

image

部署方法:

五步即可完成部署:

1. 登录 Cloudflare: https://www.cloudflare.com 创建workers,复制 workers.js 的代码,然后部署

image

2. 新建一个名为CARD_ORDER的KV存储

image

3. 添加环境变量,用于设置后台管理密码。变量名为ADMIN_PASSWORD,值your_password换成你自己的密码

image

4. 将workers的CARD_ORDER变量与新建的KV存储绑定,用于存储书签

image

5. 添加域名

image

此项目适合轻量使用,各位随意自行魔改,喜欢的话点一下小星星就行,谢谢!

About

✨一个部署在CF的轻量化导航页面,可移动卡片式书签,方便管理

Resources

Stars

Watchers

Forks

Languages