/Card-Tab

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

Primary LanguageJavaScript

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

2024.09.17 更新:

对手机端进行了适配

2024.09.14 更新:

修复 1、‘删除分类’操作导致的书签显示问题;2、‘删除分类’按钮点击过后隐藏显示的问题; 添加网站图标和操作日志

2024.09.09 更新:

1、增加私密书签,登录后可见
2、增加网站分类管理,现在你无需编辑代码,通过页面即可进行网站分类的添加和删除操作
3、增加搜索框和一言接口

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

2024.09.02 发布 (第一版很轻便,代码保留在worker-js文件, 后续更新放在update-workers文件)

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

未登录界面

image

已登录界面(黑暗主题)

image

设置界面

image

部署方法:

五步即可完成部署:

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

image

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

image

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

image

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

image

5. 添加域名

image

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