# gtdm

**Repository Path**: lccccc1024/gtdm

## Basic Information

- **Project Name**: gtdm
- **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-03-12
- **Last Updated**: 2025-05-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目说明文档

## 项目概述
古藤动漫官网

## 技术栈

- **框架**: Next.js 14
- **UI 组件**: Radix UI, Framer Motion
- **样式**: Tailwind CSS
- **表单处理**: React Hook Form, Zod
- **图标**: Lucide React, React Icons
- **日期处理**: date-fns, React Day Picker
- **轮播组件**: Embla Carousel, React Slick
- **图表**: Recharts
- **类型检查**: TypeScript

## 安装与运行

### 前提条件
- Node.js (测试环境使用v18.20.6,windows下使用nvm安装)
- npm 或 yarn 或 pnpm

### 安装依赖

```bash
# 使用 npm
npm install

# 或使用 yarn
yarn

# 或使用 pnpm
pnpm install
```

### 运行开发环境

```bash
npm run dev
# 或
yarn dev
# 或
pnpm dev
```

应用将在 [http://localhost:3000](http://localhost:3000) 启动。

### 构建生产版本

```bash
npm run build
# 或
yarn build
# 或
pnpm build
```

### 启动生产服务器

```bash
npm run start
# 或
yarn start
# 或
pnpm start
```

### 导出静态网站

```bash
npm run export
# 或
yarn export
# 或
pnpm export
```

### 代码检查

```bash
npm run lint
# 或
yarn lint
# 或
pnpm lint
```

## 项目结构

```
/
├── app/                    # Next.js App Router 路由
│   ├── about/              # 关于我们页面
│   ├── contact/            # 联系我们页面
│   ├── projects/           # 项目展示页面
│   ├── fonts.ts            # 字体配置
│   ├── globals.css         # 全局样式
│   ├── carousel.css        # 轮播样式
│   ├── layout.tsx          # 根布局
│   └── page.tsx            # 首页
├── components/             # 组件
│   ├── ui/                 # UI 基础组件
│   │   ├── button.tsx      # 按钮组件
│   │   ├── card.tsx        # 卡片组件
│   │   ├── checkbox.tsx    # 复选框组件
│   │   └── ...             # 其他 UI 组件
│   ├── Footer.tsx          # 页脚组件
│   ├── LanguageToggle.tsx  # 语言切换组件
│   ├── Navbar.tsx          # 导航栏组件
│   ├── ThemeToggle.tsx     # 主题切换组件
│   └── WhyChooseUs.tsx     # "为什么选择我们"组件
├── config/                 # 配置文件
│   └── site.ts             # 网站配置
├── contexts/               # 上下文
│   ├── LanguageContext.tsx # 语言上下文
│   └── ThemeContext.tsx    # 主题上下文
├── lib/                    # 工具函数和库
│   └── utils.ts            # 通用工具函数
├── locales/                # 多语言文件
│   ├── en.ts               # 英文翻译
│   └── zh.ts               # 中文翻译
├── public/                 # 静态资源
│   ├── images/             # 图片资源
│   │   ├── about/          # 关于页面图片
│   │   ├── projects/       # 项目页面图片
│   │   └── slides/         # 轮播图片
│   └── iconfont.css        # 图标字体样式
├── .eslintrc.json          # ESLint 配置
├── .gitignore              # Git 忽略文件
├── components.json         # 组件配置
├── next.config.js          # Next.js 配置
├── package.json            # 项目依赖和脚本
├── postcss.config.mjs      # PostCSS 配置
├── README.md               # 项目说明文档
├── tailwind.config.ts      # Tailwind CSS 配置
└── tsconfig.json           # TypeScript 配置
```

## 部署说明

项目配置为静态导出，可以部署到任何静态网站托管服务：
运行 npm run export 生成静态文件
将 out 目录中的文件部署到您的服务器

### Nginx 配置示例

```nginx
server {
    listen 80;
    server_name your-domain.com;  # 替换为你的域名

    root /path/to/your/out;  # 替换为你的 out 目录路径
    index index.html;

    location / {
        try_files $uri $uri.html $uri/ /index.html;
    }

    # 缓存静态资源
    location /_next/static/ {
        alias /path/to/your/out/_next/static/;
        expires 30d;
        add_header Cache-Control "public, no-transform";
    }

    # 处理图片等静态资源
    location ~* \.(jpg|jpeg|png|gif|ico|webp|svg)$ {
        expires 7d;
        add_header Cache-Control "public, no-transform";
    }
}
```

## 开发指南

### 添加新页面
在 app 目录下创建新文件夹和 page.tsx 文件。

### 添加新组件
在 components 目录下创建新的组件文件。

### 添加新翻译
在 locales 目录下的语言文件中添加新的翻译键值对。