121 lines
2.7 KiB
Markdown
121 lines
2.7 KiB
Markdown
|
# 文旅个人简历网站
|
|||
|
|
|
|||
|
|
一个现代化的文旅行业个人简历展示网站，采用青春活力的设计风格。
|
|||
|
|
|
|||
|
|
🔗 **在线访问**: https://du9uay.github.io/personal-resume-wenlv/
|
|||
|
|
|
|||
|
|
## 🌟 特性
|
|||
|
|
|
|||
|
|
- 🎨 青春活力的视觉设计
|
|||
|
|
- 🗺️ 世界地图背景动画
|
|||
|
|
- 📊 技能雷达图展示
|
|||
|
|
- 💼 精选文旅项目展示
|
|||
|
|
- 📱 完全响应式设计
|
|||
|
|
- ⚡ 流畅的交互体验
|
|||
|
|
|
|||
|
|
## 🚀 本地运行
|
|||
|
|
|
|||
|
|
### 方式一：Python HTTP Server（推荐）
|
|||
|
|
```bash
|
|||
|
|
# Python 3
|
|||
|
|
python3 -m http.server 8888
|
|||
|
|
|
|||
|
|
# Python 2
|
|||
|
|
python -m SimpleHTTPServer 8888
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 方式二：使用启动脚本
|
|||
|
|
```bash
|
|||
|
|
chmod +x start-server.sh
|
|||
|
|
./start-server.sh
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
然后在浏览器中访问：`http://localhost:8888`
|
|||
|
|
|
|||
|
|
## 📂 项目结构
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
├── index.html # 主页面
|
|||
|
|
├── youth-travel-style.css # 主样式文件
|
|||
|
|
├── skills-modern-style.css # 技能模块样式
|
|||
|
|
├── hero-map-style.css # 地图背景样式
|
|||
|
|
├── echarts-background-map.js # 世界地图配置
|
|||
|
|
├── worldZH.json # 世界地图数据
|
|||
|
|
└── public/ # 项目图片资源
|
|||
|
|
├── 舟山某民宿180天提升入住率项目/
|
|||
|
|
├── 谷子店开店与经营管理/
|
|||
|
|
├── 春风450MT新品上市营销活动策划项目/
|
|||
|
|
└── 某自驾游平台SEO:SEM全流程优化项目/
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 🎯 功能模块
|
|||
|
|
|
|||
|
|
### 1. 英雄区域
|
|||
|
|
- 动态世界地图背景
|
|||
|
|
- 个人信息展示
|
|||
|
|
- 打字机效果标语
|
|||
|
|
|
|||
|
|
### 2. 个人概况
|
|||
|
|
- 教育背景
|
|||
|
|
- 专业技能
|
|||
|
|
- 个人优势
|
|||
|
|
|
|||
|
|
### 3. 精选项目
|
|||
|
|
- 4个文旅项目展示
|
|||
|
|
- 详细流程弹窗
|
|||
|
|
- 项目成果展示
|
|||
|
|
|
|||
|
|
### 4. 技能护照
|
|||
|
|
- 技能雷达图
|
|||
|
|
- 专业技能说明
|
|||
|
|
|
|||
|
|
### 5. 联系方式
|
|||
|
|
- 多渠道联系方式
|
|||
|
|
- 社交媒体链接
|
|||
|
|
|
|||
|
|
## 🛠️ 技术栈
|
|||
|
|
|
|||
|
|
- HTML5
|
|||
|
|
- CSS3 (Flexbox, Grid, Animations)
|
|||
|
|
- JavaScript (ES6+)
|
|||
|
|
- ECharts (地图可视化)
|
|||
|
|
- Canvas API (雷达图)
|
|||
|
|
|
|||
|
|
## 📝 许可
|
|||
|
|
|
|||
|
|
MIT License
|
|||
|
|
|
|||
|
|
## 👤 作者
|
|||
|
|
|
|||
|
|
万圆 (Wan Yuan)
|
|||
|
|
|
|||
|
|
## 🌐 部署说明
|
|||
|
|
|
|||
|
|
### GitHub Pages 部署（已配置）
|
|||
|
|
|
|||
|
|
项目已配置GitHub Actions自动部署。每次推送到main分支时会自动部署到GitHub Pages。
|
|||
|
|
|
|||
|
|
**访问地址**: https://du9uay.github.io/personal-resume-wenlv/
|
|||
|
|
|
|||
|
|
### 手动开启GitHub Pages
|
|||
|
|
|
|||
|
|
1. 进入仓库 Settings
|
|||
|
|
2. 找到 Pages 选项
|
|||
|
|
3. Source 选择 "GitHub Actions"
|
|||
|
|
4. 等待几分钟后即可访问
|
|||
|
|
|
|||
|
|
### 其他部署方式
|
|||
|
|
|
|||
|
|
#### Vercel 部署
|
|||
|
|
1. 访问 https://vercel.com
|
|||
|
|
2. 导入GitHub项目
|
|||
|
|
3. 一键部署
|
|||
|
|
|
|||
|
|
#### Netlify 部署
|
|||
|
|
1. 访问 https://netlify.com
|
|||
|
|
2. 拖拽项目文件夹上传
|
|||
|
|
3. 自动部署
|
|||
|
|
|
|||
|
|
## 🤝 贡献
|
|||
|
|
|
|||
|
|
欢迎提交 Issues 和 Pull Requests！
|