nextjs个人博客项目源文件源码

- 面向用户：技术博客作者、内容创作者、开发者社区
- 解决问题：
- 提供高效、美观的博客内容展示
- 支持Markdown格式的深度优化（包括代码高亮、Mermaid图表等）
- 实现服务器端渲染，提升SEO和加载速度
- 提供响应式设计，适配不同设备
- 简化内容管理和发布流程
- 深度优化的Markdown渲染：
- 支持Mermaid图表（流程图、序列图、类图、状态图等）
- 代码高亮支持多种语言，并显示行号
- 自定义样式，提升阅读体验
- 性能优化：
- 使用Next.js的服务器组件，实现服务器端渲染（SSR）和静态生成（SSG）
- 按需加载非关键组件（如Mermaid、评论组件）
- 图片懒加载和优化
- 用户体验增强：
- 响应式设计，在手机、平板和桌面设备上都有良好的表现
- 文章目录导航，方便长文阅读
- 阅读时间估计
- 多平台分享功能
- 开发者友好：
- 使用TypeScript，提供类型安全
- 模块化设计，易于维护和扩展
- 详细的错误处理和日志记录
- 使用现代前端技术栈（Next.js, Tailwind CSS, Shadcn UI等）
- 前端框架：Next.js（App Router）
- 样式：Tailwind CSS
- UI组件库：Shadcn UI + Ant Design图标
- Markdown渲染：react-markdown + remark/rehype生态系统
- 代码高亮：react-syntax-highlighter
- 图表渲染：Mermaid.js
- 状态管理：React状态钩子（无需额外状态管理库）
- 数据库：PostgreSQL（通过Neon托管）