Skip to content

shake/Card-Tab

 
 

Repository files navigation

说明

基于 hmhm2022/Card-Tab 做的个人定制版,目标是保持轻量、顺手,适合日常使用。

本次主要调整了这些内容:

  • 设置模式新增 JSON 导出和导入恢复,方便备份与还原
  • 新增私密备注,登录后可见,支持复制
  • 分类改为页面切换,不再在同一页内跳转,浏览更清晰
  • 移除了顶部搜索栏和一言区,让界面更干净
  • 保留并优化了自动获取图标、拖拽排序、重复 URL 提示等实用功能

✨ 核心功能

🎨 界面设计

  • 现代化视觉:采用 Segoe UI 字体系统,米白色/深色双主题
  • 卡片式布局:美观的书签卡片,支持左侧装饰条和悬停效果
  • 响应式设计:完美适配桌面端和移动端设备
  • 多主题:支持温暖浅色、Archive Yellow 和暗色主题

🔍 搜索功能

  • 书签搜索:快速搜索已保存的书签名称和网址
  • 分类导航:支持 All 和单分类视图切换,地址栏 hash 可恢复当前分类

📚 书签管理

  • 分类管理:自定义分类,支持重命名和排序
  • 卡片编辑:修改名称、网址、描述、私密备注和自定义图标
  • 私密书签:登录后可见的私密书签功能
  • 私密备注:登录后通过备注图标查看,可选中复制或一键复制
  • 拖拽排序:设置模式下支持分类内排序和跨分类移动
  • 重复提醒:添加重复 URL 时提示已存在分类,并允许手动继续添加

🔐 安全特性

  • JWT验证:基于Token的身份验证机制
  • 自定义有效期:支持15分钟至永久的登录时长选择
  • 自动备份:KV存储保留最近10次数据备份
  • 权限控制:公开/私密书签分级管理

📱 用户体验

  • 自定义图标:支持图片URL链接,留空时自动获取网站图标
  • 悬停提示:鼠标悬停显示书签详细描述
  • 返回顶部:便捷的页面导航功能

部署方法:

五步即可完成部署:

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

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 97.0%
  • CSS 1.5%
  • HTML 1.5%