diff --git a/README.md b/README.md index 6a75020..b442fb8 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,7 @@ - [在线预览](#在线预览) - [功能特点](#功能特点) +- [近期更新](#近期更新) - [技术栈](#技术栈) - [项目结构](#项目结构) - [快速开始](#快速开始) @@ -38,6 +39,33 @@ - 📝 支持多个内容页面(首页、项目、文章、友链) - 📌 支持从浏览器导入书签 +## 近期更新 + +### 2025/05/02 + +**1. 页面布局优化** +- ✅ 优化了内容区域和侧边栏的间距,确保各种分辨率下内容不会贴近边缘 +- ✅ 卡片与边框始终保持合理间距,避免在窄屏设备上与滚动条贴边 +- ✅ 调整了搜索结果区域的边距,与常规分类保持样式一致性 + +**2. 网站卡片文本优化** +- ✅ 为站点卡片标题添加单行文本截断,过长标题显示省略号 +- ✅ 为站点描述添加两行限制和省略号,保持卡片布局整洁 +- ✅ 添加卡片悬停提示,方便查看完整信息 + +**3. 移动端显示增强** +- ✅ 优化了移动端卡片尺寸,一屏可显示更多网址 +- ✅ 图标大小自适应,在小屏幕上更加紧凑(从1.8rem减小到1.2-1.5rem) +- ✅ 为不同尺寸移动设备(768px、480px、400px)提供递进式UI优化 +- ✅ 减小卡片内边距和元素间距,增加屏幕利用率 + +**4. 书签导入功能** +- ✅ 支持从Chrome、Firefox和Edge浏览器导入HTML格式书签 +- ✅ 自动处理书签文件,解析文件夹结构和链接 +- ✅ 智能匹配网站图标,根据URL自动分配合适的Font Awesome图标 +- ✅ 生成配置文件,无需手动录入即可批量导入网站链接 +- ✅ 与GitHub Actions集成,全自动化的导入和部署流程 + ## 技术栈 - HTML5 + CSS3