🎨 现代化作品集

✨ 基于 Next.js 15 打造的优雅、现代化作品集，精美设计与卓越性能并重✨

✨ 项目亮点

🎯 多样化作品展示，让创意绽放

• 📝 支持 Markdown 格式博客：自由创作你的故事，优雅呈现每一篇文字作品。
• 🎥 超清视频在线预览：流畅播放，带来影院级的极致观看体验。
• 🖼️ 精美超清图片展示：细节一览无遗，让视觉震撼无处不在。
• 💻 高质量代码分享：让你的每一行代码都以最专业的方式在线展示。
• 📂 多格式文件支持：从文档到多媒体，在线预览与下载一应俱全。
• 🔗 外部链接展示：轻松整合外部资源，为你的作品提供更多可能性。

🎨 现代化设计，视觉与交互的双重盛宴

• 🌊 流光溢彩的流星雨动画：动态绚丽，让页面如星空般梦幻动人。
• ✨ 精美的毛玻璃视觉效果：半透的美感，营造优雅与现代的设计语言。
• 💫 丝滑的悬浮交互动画：每一次鼠标停留，都带来细腻流畅的交互体验。
• 📱 自适应响应式布局：无论是手机还是桌面，始终完美契合每一寸屏幕。
• 🌓 优雅的明暗主题切换：随心切换白天与夜晚，赋予用户更贴心的个性选择。

🚀 卓越性能，为流畅体验保驾护航

• ⚡ 优化的 App Router 路由：瞬时切换，无需等待。
• 🖥️ React Server Components 技术加持：显著降低客户端负载，性能更进一步。
• 🔄 智能数据缓存策略：常用内容即时调用，减少重复加载。
• 📦 自动代码分割与按需加载：精准控制资源加载，让页面始终轻快如风。
• 🖼️ 智能图片优化与懒加载：高质量图片即时呈现，降低资源消耗。

💡 智能交互体验，贴心设计每一细节

• 🔍 智能分类与筛选系统：快速找到你最关心的内容，节省每一分钟。
• 🏷️ 标签化管理系统：高效管理海量作品，随时掌控全局。
• 🔄 流畅自然的页面过渡动画：让每一次切换都成为一种享受。
• ⌛ 优雅的加载状态：即使等待，也是一种美感。
• 🎯 直观的作品预览功能：所见即所得，轻松领略每一件精彩作品。

💻 技术特性

核心技术栈

• ⚡ Next.js 15：强大的服务端渲染与动态路由支持，为项目奠定坚实基础。
• 🔷 TypeScript：全面提升代码质量，提供类型安全保障。
• 🎨 TailwindCSS：简洁高效的样式管理工具，实现快速设计迭代。
• ✨ Framer Motion：打造丝滑流畅的动画体验，提升用户交互质感。
• 🎯 Radix UI：无障碍且高度可定制的组件库，为每位用户提供友好的体验。

性能优化

• 📦 智能代码分割：减少初始加载时间，提升页面响应速度。
• 🖼️ 自动图片优化：实现高质量图片的快速加载与清晰展示。
• 🚀 预渲染与缓存策略：优化数据调用效率，加速页面加载。
• ⚡ 组件级别懒加载：按需加载资源，进一步降低性能开销。

🛠️ 开发指南

环境准备

确保安装以下工具

• Node.js 18+
• pnpm 8+
• Docker (可选，用于容器化部署)

本地开发

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

🐳 Docker 部署

使用 Docker Compose（推荐）

# 构建并启动容器
docker-compose up -d

# 查看容器状态
docker-compose ps

# 查看容器日志
docker-compose logs -f

# 停止并移除容器
docker-compose down

手动 Docker 部署

# 构建镜像
docker build --network host -t profile .

# 运行容器
docker run -p 3000:3000 --name profile

🤝 参与贡献

1. 🔍 Fork 本项目：点击右上角 Fork 按钮，获取项目副本。
2. 🔨 创建新特性分支：为你的改动创建独立分支，确保代码清晰管理。
3. 📝 提交改动：将你的代码更改提交到分支中。
4. 🚀 发起 Pull Request：向主仓库提交合并请求，与社区一起讨论并完善。

📬 联系方式

• 📧 Email: 291451809@qq.com
• 🐱 GitHub: flower0wine

📄 开源协议

本项目遵循 MIT 协议开源，欢迎自由使用、修改和分发。