这是我的第一条博客！今天是2026.5.5，也是开发这个项目的第三天（5.3号11点正式启动）。不得不说AI就是好用，项目进度推进得非常快。

今日开发工作完成情况

照片墙

  • 后端 updated_at 字段已就绪，实现添加/删除照片时自动更新
  • 前端接口新增 updatedAt 字段，照片墙支持显示「更新于 2026-05-05 14:30:25」，时间精度精确到秒
  • 相册列表按 updated_at 倒序排列，最新更新的相册置顶展示
  • 完成照片墙背景图替换，新增6张全新背景图
  • 加深毛玻璃容器背景（white/50 + blur-2xl），解决背景图导致的文字辨识度低的问题
  • 加深标题与副标题文字颜色，提升可读性
  • 将 columns 布局改为 grid 布局，修复竖屏照片最后一行不满3个的显示bug

设置面板

  • 背景图选择模块重构：从全量展示改为「当前预览图+左右切换箭头+底部圆点指示器」的交互形式
  • 新增网格图标按钮，点击可展开全量背景图列表，支持自由选择
  • 加深图标与标签文字颜色，优化视觉辨识度
  • 将原生 <img> 标签替换为 Next.js 原生的 <Image> 组件，新增 loading="lazy" 懒加载配置

文章页面

  • 安装 marked 解析库，通过 marked.parse() 方法实现 Markdown 内容转 HTML 渲染
  • 配置 marked.use({ async: false })，解决解析返回 Promise 对象的问题
  • 修复客户端路由跳转时文章详情页404的问题：移除 AbortController，改用 active 标志位实现
  • 在 next.config.ts 中新增 hiromu520.oss-cn-beijing.aliyuncs.com 域名白名单，修复图片加载报错问题
  • 标签移到点赞后面 ，和日期、阅读时间、浏览量、点赞放在同一行，不再占正文位置
  • 列表样式加了 ul（实心圆点）、ol（数字）、li 的样式，markdown 的 - 列表会正常显示为圆点

全局样式

  • 统一全页面顶部间距为 py-12：首页、关于页从 mt-20 调整，音乐页从 py-8 调整

说说页面

  • 全新创建 app/moments/page.tsx，卡片堆叠设计
  • 同一天的卡片带不同旋转角度堆叠，点击展开完整内容
  • 支持图片灯箱放大、点赞动画、"只看这条"模式
  • 后端 chatter 表新增 mood 字段（model、schema、service、API、SQL 全部更新）

首页组件重构

  • ProfileCard`：头像加渐变边框，悬停动画只在头像上，去掉小绿点和跳转关于页，社交图标悬停只加动画不变色，调用 API 获取文章数和相册数
  • PhotoWallPreview`：改为纯图片轮播，调用 API 获取相册"1"的图片，自动切换，粉红指示器，无图显示 SVG + "暂无照片"，懒加载优化
  • LatestPostsCarousel`：简化为单篇最新文章预览，和 PhotoWallPreview 互换位置（照片墙 col-4，文章 col-8）

其它

  • 后端添加 GET /api/chatters/count 接口
  • siteConfig.ts` 背景图从 2 张扩展到 6 张

图