Cupcake 迁移 / 首页设计 / 部署及配置

继续将 Cupcake 项目迁移到 React Router 7

• 主要是继续 Review 一下 AI 写的代码
• 并且修复迁移到 Tailwind 4 后的样式异常

迁移完成后自己根据昨天 AI 的建议优化了一些样式

• 再优化一些此前没发现的细节问题，比如移动版的日记列表图片展示有问题
• 以及重新设计了首页样式，虽然感觉还是很丑
• 我发现我已经不知道怎么设计了，可能还是因为我的数据固定在那，限制了展示内容的多样性

上线部署，跑 Lighthouse 测试评分，发现一个问题

• 静态资源走了 http/1.1

  • 服务器用的是 Nginx 1.22.0
  • 修改 Nginx 配置 listen 443 ssl 改为 listen 443 ssl http2 解决

• 图片资源未使用高效格式

  • 替换请求图片的 URL 到我的图片压缩服务即可
  • 其实它还是报错了，说我返回的图片分辨率比实际显示的大，算了不管了