个人作品集网站

一个展示个人作品和技术博客的网站，采用现代化设计风格，结合动画效果和交互体验。

功能特点

1. 首页布局

• 动态视频背景的 Hero 区域
• 技能栈展示（带动画效果）
• 摄影作品展示（支持大图预览）
• 博客文章列表
• 个人简介
• 响应式导航栏

2. 核心功能

• 技能栈可视化展示
  • 分类筛选
  • 进度条动画
  • 悬浮效果
• 摄影作品展示
  • 图片网格布局
  • 大图预览模式
  • 图片信息展示
• 博客系统
  • Markdown 支持
  • 标签分类
  • 封面图展示
• 个人简介
  • 故事/经历切换
  • 时间线展示
  • 动态背景效果

3. 交互特效

• 滚动触发动画
• 悬浮反馈效果
• 平滑过渡动画
• 渐变色应用
• 背景视频自适应

4. 技术栈

• 前端框架: Next.js 14
• UI 框架: React 18
• 样式解决方案: TailwindCSS
• 类型系统: TypeScript
• 内容管理: MDX
• 部署平台: Vercel

项目结构