2.7 KiB
2.7 KiB
文旅个人简历网站
一个现代化的文旅行业个人简历展示网站,采用青春活力的设计风格。
🔗 在线访问: https://du9uay.github.io/personal-resume-wenlv/
🌟 特性
- 🎨 青春活力的视觉设计
- 🗺️ 世界地图背景动画
- 📊 技能雷达图展示
- 💼 精选文旅项目展示
- 📱 完全响应式设计
- ⚡ 流畅的交互体验
🚀 本地运行
方式一:Python HTTP Server(推荐)
# Python 3
python3 -m http.server 8888
# Python 2
python -m SimpleHTTPServer 8888
方式二:使用启动脚本
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
- 进入仓库 Settings
- 找到 Pages 选项
- Source 选择 "GitHub Actions"
- 等待几分钟后即可访问
其他部署方式
Vercel 部署
- 访问 https://vercel.com
- 导入GitHub项目
- 一键部署
Netlify 部署
- 访问 https://netlify.com
- 拖拽项目文件夹上传
- 自动部署
🤝 贡献
欢迎提交 Issues 和 Pull Requests!