📚 个人书签管理系统

一个基于PHP开发的美观、实用的书签管理网站系统，让你的浏览器书签变成独立的卡片式展示页面。

✨ 特色功能

• 🎨 美观设计: 采用 Tailwind CSS，卡片式布局，渐变背景
• 📱 响应式: 完美适配桌面端和移动端
• 🔧 一键导入: 支持 Chrome/Firefox 书签文件导入
• 🏷️ 分类管理: 支持书签分类和标签系统
• 🎯 图标系统: 自动获取网站图标，配合 FontAwesome 图标
• 🛡️ 安全管理: 独立的管理后台，密码保护
• 🚀 简单部署: 兼容宝塔面板，支持自动安装向导

🎯 设计理念

专为那些想把自己收藏的书签「美化+整理+展示」为一个个性化知识主页的人而设计。每个书签都是一个精美的卡片，配合不同的主题色和图标，让你的书签收藏变得与众不同。

🌟 最新特性

• 智能统计面板: 实时显示今日、本周、本月添加统计
• 分类可视化: 直观的分类统计图表和热门域名分析
• 趋势分析: 最近7天添加趋势图表
• 响应式设计: 完美适配桌面、平板、手机端
• 深色模式: 自动适应系统主题偏好
• 无障碍优化: 支持键盘导航和屏幕阅读器
• 性能优化: 图标预加载、懒加载、缓存优化

📋 系统要求

• PHP 7.4 或更高版本
• MySQL 5.7 或更高版本
• Web服务器 (Apache/Nginx)
• 支持 PDO 扩展

🚀 安装步骤

方法一：自动安装向导

1. 将所有文件上传到你的网站根目录
2. 访问 http://你的域名/install.php
3. 按照向导完成数据库配置
4. 设置管理员账号密码
5. 完成安装！

方法二：手动配置

1. 创建数据库
2. 复制 config/database.example.php 为 config/database.php
3. 修改数据库配置信息
4. 访问安装向导完成剩余步骤

📖 使用说明

前台展示

• 访问首页查看所有书签的卡片式展示
• 点击书签卡片访问对应网站
• 响应式设计，手机端体验同样出色

前台展示

• 现代化卡片设计: 渐变装饰、毛玻璃效果、悬停动画
• 智能响应式布局: 桌面5列、平板3列、手机1列自适应
• 高级搜索筛选: 支持标题、描述、URL全文搜索
• 分类导航系统: 彩色分类标签，显示每个分类的书签数量
• 美观分页导航: 圆角按钮、当前页高亮、快速跳转
• 统计信息面板: 实时显示总数、分类数、页码信息
• 浮动装饰元素: 动态背景形状增加视觉趣味
• 键盘快捷键: Ctrl+K 快速聚焦搜索框

后台管理

• 访问 /admin/ 进入管理后台
• 使用安装时设置的管理员账号登录
• 支持以下功能：
  • 📊 智能仪表盘：
    • 实时统计：今日、本周、本月、总计数据
    • 分类统计图表：可视化显示各分类书签分布
    • 热门域名排行：统计最常收藏的网站
    • 7天添加趋势：柱状图显示最近添加情况
    • 快速操作面板：一键访问常用功能
    • 系统信息概览：平均每分类、日均添加等指标
  • ➕ 书签管理：
    • 手动添加：支持标题、URL、描述、分类、标签
    • 在线编辑：弹窗式编辑界面，实时保存
    • 批量操作：支持批量删除、批量分类更改
    • 高级搜索：标题、描述、URL全文搜索
    • 分类筛选：按分类快速筛选书签
    • 分页显示：每页15条，支持快速跳转
  • 📤 导入功能：
    • 支持Chrome/Firefox导出的HTML书签文件
    • 智能解析书签结构和分类信息
    • 批量导入进度显示和结果统计
  • 🏷️ 分类管理：
    • 创建分类：自定义名称、颜色、图标
    • 分类统计：显示每个分类的书签数量
    • 批量管理：删除分类时自动处理关联书签

书签导入

1. 从浏览器导出书签文件（HTML格式）
   • Chrome: 书签管理器 → 整理 → 导出书签
   • Firefox: 书签 → 管理所有书签 → 导入和备份 → 导出书签为HTML
2. 在管理后台选择"导入书签"
3. 上传导出的HTML文件
4. 系统自动解析并导入所有书签

🎨 界面特色

• 渐变背景: 紫色渐变背景，视觉效果出众
• 毛玻璃效果: 卡片采用半透明毛玻璃设计
• 悬停动画: 鼠标悬停时卡片上浮效果
• 图标系统:
  • 自动获取网站 Favicon
  • 配合 FontAwesome 图标增强视觉
  • 支持自定义分类图标和颜色
• 响应式布局:
  • 桌面端：4列网格布局
  • 平板端：3列布局
  • 手机端：单列布局

📁 目录结构

bookmark-system/
├── admin/              # 管理后台
│   ├── index.php      # 后台主页
│   ├── login.php      # 登录页面
│   └── logout.php     # 退出登录
├── config/            # 配置文件
│   ├── database.example.php
│   └── .gitkeep
├── includes/          # 核心功能
│   └── functions.php  # 主要函数
├── index.php          # 前台首页
├── install.php        # 安装向导
└── README.md          # 说明文档

🔧 技术栈

• 后端: 纯 PHP (无框架依赖)
• 前端: Tailwind CSS + FontAwesome
• 数据库: MySQL
• 图标: DuckDuckGo Favicon API
• 部署: 兼容各种 PHP 主机环境

🛠️ 自定义配置

修改主题色

编辑相关CSS文件中的颜色值，主要颜色变量：

• 主色调: #6366f1 (紫色)
• 渐变背景: #667eea 到 #764ba2

添加新的图标

在 includes/functions.php 中的 getRandomIcon() 函数里添加新的 FontAwesome 图标类名。

🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目！

📄 许可证

MIT License - 可自由使用和修改

💡 使用建议

1. 定期备份: 记得定期备份数据库
2. 分类整理: 合理使用分类功能，让书签更有条理
3. 标签系统: 利用标签功能为书签添加更多描述信息
4. 移动端: 在手机上也能完美使用，随时查看收藏

如果觉得好用，别忘了给个 Star ⭐