# resume_template

**Repository Path**: cocoder1993/resume_template

## Basic Information

- **Project Name**: resume_template
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-07
- **Last Updated**: 2025-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 现代简历模板 (Modern Resume Template)

一个基于 React 开发的现代简历模板，支持 PDF 导出，适合程序员使用。

## 特点

- 🎨 现代简约的设计风格
- 📱 响应式布局，适配打印和 PDF 导出
- 🎯 突出重点的视觉层次
- 🛠 易于定制的模块化结构
- 📄 一键导出 PDF
- 🎉 内置多个主题配色
- 🌍 中英文双语支持
- 🔄 拖拽排序简历模块
- 📊 多简历模板切换
- 📝 YAML 数据源支持
- 💾 本地存储用户偏好

## 新增功能

### 🌍 多语言支持
- 完整的中英文双语界面
- 自动语言切换
- 本地化存储语言偏好

### 🎨 主题系统
- **深蓝风格** - 专业商务风格
- **清新绿** - 活力清新风格  
- **优雅紫** - 高端优雅风格
- **活力橙** - 年轻活力风格
- 实时主题预览和切换

### 🔄 拖拽排序
- 支持拖拽重新排列简历模块顺序
- 直观的拖拽手柄和视觉反馈
- 模块顺序自定义

### 📊 多简历模板
- 前端开发简历模板
- 算法工程师简历模板
- 支持中英文版本
- 一键切换不同专业方向

### 📝 YAML 数据源
- 使用 YAML 格式管理简历数据
- 支持动态加载不同简历内容
- 易于维护和更新

### 💾 智能记忆
- 记住用户选择的简历模板
- 保存语言偏好设置
- 自动恢复上次使用状态

## 预览

- 个人信息展示
- 专业技能展示
- 工作经验时间线
- 项目经历详情
- 教育背景
- 荣誉奖项
- 科研论文

## 快速开始

### 安装依赖

```bash
npm install
# 或
yarn install
```

### 开发模式

```bash
npm start
# 或
yarn start
```

### 构建项目

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

## 自定义内容

### 1. 编辑简历数据
编辑 `public/data/` 目录下的 YAML 文件来更新简历内容：

- `web.yaml` / `web_en.yaml` - 前端开发简历
- `suanfa.yaml` / `suanfa_en.yaml` - 算法工程师简历

### 2. 添加新的简历模板
在 `src/data/resumeList.js` 中添加新的简历模板配置。

### 3. 自定义主题
在 `src/data/themes.js` 中添加新的主题配色方案。

### 4. 多语言支持
在 `src/data/languages.js` 中添加新的语言支持。

## 数据格式

简历数据使用 YAML 格式，包含以下模块：

- **基本信息** - 姓名、职位、联系方式等
- **工作经验** - 公司、职位、时间、职责、成果
- **项目经历** - 项目描述、技术栈、效果
- **教育背景** - 学校、专业、学位
- **技能专长** - 技术技能列表
- **荣誉奖项** - 获奖经历
- **科研论文** - 发表论文信息

## 导出 PDF

1. 在预览模式下点击右下角的"导出 PDF"按钮
2. 选择保存位置
3. 自动生成 PDF 文件
4. 支持打印模式优化

## 项目结构

```
resume-template/
├── src/
│   ├── components/    # 组件文件
│   │   └── Resume.js  # 主简历组件
│   ├── data/         # 数据配置文件
│   │   ├── themes.js      # 主题配置
│   │   ├── languages.js   # 多语言配置
│   │   └── resumeList.js  # 简历模板列表
│   ├── utils/        # 工具函数
│   │   └── yamlLoader.js  # YAML 加载器
│   └── App.js        # 主应用
├── public/
│   └── data/         # YAML 简历数据文件
└── package.json      # 项目配置
```

## 技术栈

- **React 18** - 现代化 React 框架
- **CSS3** - 样式和动画
- **react-to-print** - PDF 导出功能
- **react-icons** - 图标库
- **@hello-pangea/dnd** - 拖拽排序功能
- **js-yaml** - YAML 文件解析
- **localStorage** - 本地存储用户偏好

## 使用说明

### 切换简历模板
1. 在页面顶部选择不同的简历模板
2. 支持前端开发、算法等专业方向
3. 自动加载对应的简历内容

### 切换语言
1. 点击语言切换按钮
2. 支持中文和英文
3. 自动切换对应的简历数据

### 切换主题
1. 在主题选择器中选择喜欢的配色
2. 实时预览主题效果
3. 支持深蓝、清新绿、优雅紫、活力橙等主题

### 自定义模块顺序
1. 拖拽模块标题左侧的拖拽手柄
2. 重新排列模块顺序
3. 实时预览效果

## 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目。

### 贡献指南
1. Fork 项目
2. 创建功能分支
3. 提交更改
4. 推送到分支
5. 创建 Pull Request

## 许可

MIT License