# shanhai

**Repository Path**: next112/shanhai

## Basic Information

- **Project Name**: shanhai
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-28
- **Last Updated**: 2025-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 山海 - 探索中国古代神秘奇书

这是一个关于《山海经》的前端应用，旨在以现代方式呈现这部中国古代重要古籍，让更多人了解和喜爱中国传统文化。

## 技术栈

- React 18+
- TypeScript
- Tailwind CSS
- Vite
- React Router DOM
- Framer Motion (动画效果)
- Lucide React (图标)
- Recharts (图表)
- Sonner (通知组件)

## 功能特性

1. **古籍原文** - 探索《山海经》原著经典文本
2. **图文解读** - 通过精美的插画和详细的解读了解古籍中的神话世界
3. **论坛社区** - 与其他爱好者交流《山海经》相关话题
4. **商城** - 购买《山海经》主题商品
5. **个人中心** - 管理个人信息和设置

## 快速开始

### 安装依赖

```bash
pnpm install
```

### 开发模式

```bash
pnpm dev
```

访问 http://localhost:3000 查看应用

### 构建生产版本

```bash
pnpm build
```

构建后的文件将位于 `dist` 目录

### 预览生产版本

```bash
pnpm preview
```

## 部署说明

1. 确保项目已经构建完成 (`pnpm build`)
2. 将 `dist` 目录中的内容部署到您的静态网站托管服务
3. 对于Gitee Pages部署，请参考Gitee官方文档

## 项目结构

```
src/
├── components/       # 可复用组件
├── contexts/         # React Context
├── hooks/            # 自定义Hooks
├── pages/            # 页面组件
├── types/            # TypeScript类型定义
├── App.tsx           # 应用入口组件
└── main.tsx          # 渲染入口
```

## 注意事项

- 项目使用了深色模式支持，请确保浏览器支持相关特性
- 部分功能可能需要登录才能使用
- 如有问题，请查看控制台错误信息