沙漠一只雕博客系统

一个基于React和Vite构建的现代化静态博客系统，采用"沙漠"为设计主题，提供流畅的阅读体验和精美的视觉效果。

技术栈

• 前端框架: React 18 + TypeScript
• 构建工具: Vite 5
• 样式解决方案: Tailwind CSS + 自定义主题
• 路由管理: React Router DOM
• 内容渲染: Markdown (marked, rehype, remark)
• 动画效果: Framer Motion
• 数据管理: React Context API
• 日期处理: date-fns
• 字体: 基于Google Fonts的中文特色字体

项目亮点

🏝️ 沙漠主题设计

• 独特的视觉风格，包含暖色调和赤陶色系
• 精心挑选的中文字体组合，提升品牌感
• 平滑的深色/浅色模式切换，适应不同阅读环境
• 响应式设计，在移动设备和桌面端均有最佳体验

📝 创新的内容管理

• 无后端静态博客解决方案，摆脱数据库依赖
• 直接在代码中维护的Markdown内容，便于版本控制
• 避免了常见的Markdown解析问题，提升了系统稳定性
• 自定义分类和标签系统，便于内容组织

🎵 多媒体功能整合

• 集成的背景音乐播放器，提升沉浸感
• 针对移动设备优化的媒体控制
• 支持图像、视频和代码块等富媒体内容

⚡ 性能优化

• 采用最新React 18特性，提升渲染性能
• 有效使用React.memo和useMemo优化重渲染
• 实现页面间平滑过渡，提升用户体验
• 懒加载策略减少初始加载时间

🧩 模块化架构

• 清晰的组件结构和职责分离
• 使用Context API进行状态管理
• 自定义钩子封装通用逻辑
• 组件复用提高开发效率

开发与部署

本地开发

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

构建部署

# 构建生产版本
pnpm build

# 预览生产构建
pnpm preview

未来计划

• 添加搜索功能
• 集成评论系统
• 增强SEO优化
• 添加数据统计分析
• 多语言支持