博客开发日记

·39 次阅读

重新用AI做了我的一版博客,基础开发速度很快,持续迭代了两天,大大小小改进了几十处,细节还有N多地方需要打磨。但得益于AI的能力,这已经算足够快了。相比前些年手动扒代码,每一处都精心调教,已经算是非常轻松了。可想而知,真正想打磨一个好的作品,真的很不容易。

2026-06-25 - 项目初始化与原型设计

1. 完成个人博客原型设计,包含 13 个页面(前台 7 个 + 后台 6 个)

2. 修复应用启动错误,配置静态服务器预览

3. 修复 5 个原型 bug(暗色模式闪烁、文章跳转、首页进度条、菜单顺序、搜索交互)

4. 修复搜索框内阴影、搜索功能无效、文章链接重复问题

5. 修复文章详情页标题替换失败问题

6. 统一文章标题,修复手机端缩略图布局为 1:1 比例

## 2026-06-26 - 正式版开发与核心功能实现

1. 更新博主头像,调整手机端缩略图比例为 4:6

2. 统一头像为本地文件,修复文章详情页正文内容

3. 优化整站性能,压缩图片并删除冗余文件

4. 优化文章详情页,移除冗余元素,调整移动端 hero 高度

5. 优化回到顶部按钮,新增回到首页按钮,添加 20 篇文章和分页功能

6. 移动端隐藏 header(hero 区域)

7. 完成个人博客正式版开发,集成 Supabase 数据库

8. 按照原型设计重新实现首页,两栏布局 + 横向文章卡片 + Hero 视差效果

9. 按照原型设计 1:1 复刻所有前端页面(摄影、关于、文章、说说、归档)

10. 修复部署错误,添加 Supabase 环境变量配置

11. 为摄影和关于我页面添加 Header 和 Footer 组件

12. 按照原型设计 1:1 复刻文章详情页布局和样式

13. 完善后台管理功能,实现文章、说说、摄影、分类的完整 CRUD 操作

14. 修复文章管理 5 个问题(自动别名、分页、暗色模式、Markdown 解析)

15. 首页每页 8 篇文章,说说页图片网格布局优化

16. 实现默认夜间模式,修复文章编辑删除功能

17. 修复管理后台暗色模式按钮和下拉框样式

18. 优化手机端 Header,完善页面标题,设置 favicon,更新文章内容

19. 优化文章编辑器图片上传功能

20. 改用阿里云对象存储,创建文件管理界面

21. 实现文章缩略图提取和全局过渡动画

22. 修复暗夜模式按钮第一次点击无效问题

23. 修复首页顶部海报在平板和手机端的显示

24. 实现文章缩略图自动生成策略(优先提取文章内图片,无图片则 AI 生成)

25. 添加首页头图与文章列表之间的模糊过渡效果

  • 2026-06-27 - 字体优化与移动端重构

1. 首页使用 Dancing Script 草书字体,本地化字体文件

2. 修复分类管理 CRUD 功能

3. 修改首页顶部主标题为 "No Bondage of the Mind"

4. 优化后台管理页面适配手机端

5. 重构后台管理页面移动端优先布局(底部 Dock 栏导航)

6. 完善说说功能和移动端优化

7. 完善动态功能(原说说栏目更名)

8. 优化动态功能地理位置显示(反向地理编码)

9. 修复地理位置显示问题(坐标转文字)

10. 优化动态页面布局和语言声明

11. 优化数据库连接配置解决生产环境加载慢问题

12. 优化管理后台移动端布局,文章/分类管理页面卡片紧凑化

  • 2026-06-28 - 首页动画效果

1. 首页头图滚动渐隐动画,文章列表覆盖式展开

2. 头图改为 fixed 定位,滚动覆盖式渐隐动画

3. 修复头图 fixed 定位下移避开 Header 遮挡

  • 2026-06-29 - 搜索、HEIF 支持、摄影功能完善

1. 实现文章搜索功能,支持关键词过滤与分页保持

2. 添加 /api/health 健康检查接口,配合外部心跳保活

3. 支持 HEIF/HEIC 格式照片上传

4. 支持 HEIF/HEIC 照片上传、客户端转换与 EXIF 解析

5. HEIF 上传修复(客户端 heic2any 转换),EXIF 可编辑输入框,新增拍摄时间展示

6. 修复 HEIF 上传(客户端转换)和照片删除(补全 API)

7. heic2any 改为动态导入,修复 SSR 构建失败

8. EXIF 品牌重复显示修复与日期分隔符格式(年/月/日)

9. 图片上传限制调整为 20MB

10. EXIF 精简为设备 + 日期,灯箱展示照片描述

11. EXIF 日期解析修复(兼容多标签位置),照片编辑功能,灯箱描述样式统一

12. 整站移除动态功能及相关数据

13. 摄影板块新增按拍摄日期排序功能

14. 照片分类改为数据库管理(预置建筑/风景/人像/动物)

15. 分类管理页新增照片分类 CRUD 功能

16. 摄影排序默认改为倒序,按钮文字改为"最新作品"/"回忆模式"