Clovre - 个人简历网站

一个现代化、炫酷的个人简历网站，使用纯HTML、CSS和JavaScript构建。

✨ 特性

• 🎨 现代化设计 - 采用渐变色、毛玻璃效果等现代UI设计
• 🌓 主题切换 - 支持亮色/暗色主题切换，并保存用户偏好
• ✨ 粒子背景 - 动态粒子背景效果，支持鼠标交互
• 📱 响应式布局 - 完美适配各种屏幕尺寸
• 🎭 平滑动画 - 滚动动画、悬停效果等多种交互动画
• ⚡ 性能优化 - 纯JavaScript实现，无需任何框架依赖

🚀 技术栈

• HTML5 - 语义化标签，SEO友好
• CSS3 - Flexbox、Grid布局，CSS变量，动画效果
• JavaScript (ES6+) - 类、模块化、观察器API

📦 项目结构

personal-resume/
├── index.html          # 主页面
├── css/
│   └── style.css      # 样式文件
├── js/
│   └── main.js        # 交互脚本
├── images/
│   └── 头像.png       # 头像图片
└── README.md          # 项目说明

🎯 功能模块

1. 粒子背景动画

• 使用Canvas实现动态粒子效果
• 粒子间智能连线
• 鼠标交互效果

2. 主题切换

• 亮色/暗色主题无缝切换
• localStorage保存用户偏好
• CSS变量实现主题系统

3. 滚动动画

• Intersection Observer API实现
• 元素进入视口时触发动画
• 提升用户体验

4. 交互增强

• 技能标签悬停效果
• 回到顶部按钮
• 卡片悬停动画
• 时间线交互效果

📝 使用方法

本地预览

1. 直接打开

   # 在浏览器中打开 index.html 文件
   open index.html

2. 使用本地服务器（推荐）

   # Python 3
   python3 -m http.server 8000
   
   # 或使用 Node.js 的 http-server
   npx http-server -p 8000

   然后在浏览器中访问 http://localhost:8000

部署到GitHub Pages

1. 创建GitHub仓库

   # 初始化Git仓库
   git init
   
   # 添加所有文件
   git add .
   
   # 提交
   git commit -m "Initial commit: 个人简历网站"
   
   # 添加远程仓库（替换为你的仓库地址）
   git remote add origin https://github.com/你的用户名/personal-resume.git
   
   # 推送到GitHub
   git push -u origin main

2. 启用GitHub Pages

   • 进入仓库的 Settings 页面
   • 找到 "Pages" 选项
   • 在 "Source" 下拉菜单中选择 "main" 分支
   • 点击 "Save"
   • 等待几分钟后，访问 https://你的用户名.github.io/personal-resume/

3. 自定义域名（可选）

   • 在仓库根目录创建 CNAME 文件
   • 文件内容为你的域名，如：resume.yourdomain.com
   • 在域名服务商处配置DNS解析

🎨 自定义修改

修改个人信息

编辑 index.html，找到对应的部分进行修改：

• 基本信息（姓名、联系方式等）
• 教育经历
• 工作经历
• 项目经历
• 技能等

修改配色方案

编辑 css/style.css，在:root中修改CSS变量：

:root {
    --primary-color: #6366f1;    /* 主色调 */
    --secondary-color: #8b5cf6;  /* 次要色 */
    --accent-color: #ec4899;     /* 强调色 */
    /* ... 其他颜色变量 */
}

修改头像

替换 images/头像.png 为你自己的头像图片

添加社交链接

在 index.html 中的 .social-links 部分添加更多社交平台链接

🔧 浏览器支持

• Chrome (推荐)
• Firefox
• Safari
• Edge
• 不支持 IE11 及以下版本

📄 许可证

MIT License - 随意使用和修改

👤 联系方式

• 姓名: Clover
• 邮箱: clover200301@gmail.com
• 电话: 13636731948
• GitHub: https://github.com/clover200301-afk/Clover.com

🙏 致谢

感谢所有开源社区的贡献者，让我们能够创建如此美好的作品！

---

⭐ 如果这个项目对你有帮助，欢迎给个Star！