2026-04-15

工作内容

博客架构迁移（V1）

• 完成博客从 Jekyll 到 Next.js 15 + TypeScript + Tailwind CSS 4 的完整迁移
• 搭建 App Router 页面结构：首页、文章/笔记/阅读/感想四种内容类型的详情页
• 实现管理后台：文章列表、新建/编辑页面、设置页面、侧边栏导航
• 迁移所有历史内容到 content/ 目录结构
• 配置 GitHub Actions 自动部署到 GitHub Pages

编辑器与搜索升级（V2）

• 集成 Tiptap 富文本编辑器，替换原始 Markdown 编辑器
• 添加 EditorToolbar 组件，支持图片上传和批量提交
• 引入 Fuse.js 实现客户端模糊搜索，生成搜索索引脚本

阅读体验优化（V3.1）

• 实现文章侧边栏：目录导航（TOC）+ 推荐阅读
• 添加 TableOfContents 组件，基于 IntersectionObserver 实时高亮
• 实现基于标签重叠的文章推荐算法
• 添加文章前后导航组件和阅读时间计算
• 集成 rehype-slug 为标题生成锚点 ID

SEO 与基础设施

• 生成 sitemap.xml 和 robots.txt
• 实现 RSS 2.0 feed 生成器
• 添加 OG/Twitter 元数据、SVG favicon
• 为所有文章页面添加结构化元数据

管理后台增强（V2 → V3.3）

• Admin UX 改进：Toast 通知、自动 slug 生成、未保存提示、骨架屏加载
• 优化管理页面加载速度和导航体验
• 添加 404 页面、错误边界、全局 Footer
• 无障碍改进：键盘导航、ARIA 属性
• 移除公开的管理入口链接，响应式 Header 优化
• V3.2：健壮的 frontmatter 解析、媒体库、管理 UX 改进
• V3.3：键盘快捷键、草稿自动保存
• 增强搜索：全文内容搜索、类型筛选、键盘快捷键
• 性能优化、构建缓存、安全加固

其他

• 可点击标签与 URL 搜索参数联动
• 清理测试文章数据

学习内容

• 深入实践 Next.js 15 App Router 静态导出（SSG）模式，理解 generateStaticParams 和动态路由的配合
• 学习 Tiptap 编辑器架构及其扩展体系
• 实践 IntersectionObserver API 实现目录高亮追踪
• 了解 RSS 2.0 规范和 sitemap 生成最佳实践

备注

• 这是一次大规模重构，从 Jekyll 静态站完全迁移到 Next.js 技术栈，完成了 V1 到 V3.3 共四个大版本的迭代
• 由 daily-log-bot 自动生成