更新日志

记录 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 构建,部署于阿里云服务器。