更新日志
记录 LSLife 博客的每一次优化和迭代
11:15
手机端布局优化
头像板块改为左右布局,固定导航栏不再遮挡内容,body 添加 padding-top 占位。
11:07
代码块背景改为米白色
代码块背景色从黑色改为米白色 #f5f5dc,提升手机端阅读体验。
01:00
Mac 风格代码块统一
所有代码块统一使用终端风格,通过 JS 动态注入红黄绿三个点,隐藏语言标签,统一标题栏高度,复制按钮垂直居中。
00:50
复制按钮位置修复
修复不同代码块复制按钮位置不一致问题,强制垂直居中靠右。
21:00
博客文章封面功能
md 头部新增 cover 字段指定封面图,支持本地图片。schema 添加 cover 字段支持。杭州春游记使用灯笼图作为封面。
20:55
统一首页与博客列表卡片样式
首页最新文章卡片统一使用封面图 + 标签覆盖层 + 分类标签的样式,与博客列表页保持一致。
20:00
日志页面布局完善
优化日志页面布局,与博客列表页保持一致的三栏设计。
19:35
更新「关于」页面
完善 About 页面内容,添加个人介绍和建站初衷。
19:30
分类筛选功能优化
实现侧边栏分类高亮显示,选中分类时自动添加 .cat-active 样式,支持 URL 参数同步。
19:00
发布踩坑实录系列文章
整理并发布三篇技术文章:《Git 与 node_modules 的噩梦》《响应式布局的那些坑》《Astro 组件开发经验》。
18:25
Hero 区域优化
修复手机端 background-attachment: fixed 不兼容问题,调整为 scroll 并优化高度至 280px。
18:20
手机端侧边栏修复
修复首页手机端侧边栏被隐藏的问题,通过设置 display: block 确保移动端正常显示。
18:15
响应式布局适配
完成桌面端三栏布局(260px侧栏 + 主内容区),平板端两栏,手机端单栏设计。
18:10
解决 node_modules 上传问题
首次提交误将 node_modules 推送至 Git 仓库,通过 git rm --cached 移除并更新 .gitignore。
18:00
博客上线
LSLife 博客正式上线,采用 Astro + Tailwind 构建,部署于阿里云服务器。