HUANGsir-JH.github.io

🌟 个人主页 | Personal Portfolio Website

欢迎来到我的 GitHub Pages 个人主页！这是一个现代化、响应式的个人作品集网站。

🚀 特性

• ✨ 现代化设计，响应式布局
• 🎨 美观的渐变色彩和动画效果
• 📱 完美支持移动设备
• 🔥 打字机效果和滚动动画
• 💼 项目展示区域
• 📧 联系表单
• 🎯 技能展示
• ⚡ 快速加载和SEO优化

📁 项目结构

├── index.html          # 主页面
├── styles.css          # 样式文件
├── script.js           # JavaScript交互
├── assets/             # 资源文件夹
│   ├── avatar.jpg      # 个人头像
│   ├── project1.jpg    # 项目截图1
│   ├── project2.jpg    # 项目截图2
│   └── project3.jpg    # 项目截图3
└── README.md          # 项目说明

🛠️ 使用方法

1. 克隆项目

   git clone https://github.com/HUANGsir-JH/HUANGsir-JH.github.io.git

2. 添加个人信息

   • 编辑 index.html 中的个人信息
   • 替换 assets/ 文件夹中的图片
   • 修改联系方式和社交媒体链接

3. 部署

   • 推送到 GitHub Pages 即可自动部署
   • 访问 https://HUANGsir-JH.github.io

🎨 自定义

修改个人信息

在 index.html 中找到以下部分进行修改：

• 姓名和职业描述
• 关于我的内容
• 技能标签
• 项目展示
• 联系方式

修改颜色主题

在 styles.css 中修改 CSS 变量：

:root {
  --primary-color: #667eea;
  --secondary-color: #764ba2;
  /* ... 其他颜色变量 */
}

添加新功能

• 可以在 script.js 中添加更多交互效果
• 支持添加博客功能或其他页面

📱 响应式设计

• 🖥️ 桌面端: 完整功能展示
• 📱 移动端: 优化的触摸交互
• 📟 平板端: 自适应布局

🌟 功能亮点

• 打字机效果: 动态显示职业标签
• 滚动动画: 平滑的元素出现效果
• 项目悬浮: 鼠标悬浮显示项目链接
• 粒子背景: 首页动态粒子效果
• 表单验证: 智能的联系表单验证
• 返回顶部: 便捷的页面导航
• 彩蛋功能: 隐藏的Konami代码彩蛋

🔧 技术栈

• HTML5: 语义化标签
• CSS3: Flexbox, Grid, 动画
• Vanilla JavaScript: 原生JS交互
• Font Awesome: 图标库
• Google Fonts: 网页字体

📄 许可证

MIT License - 可自由使用和修改

🤝 贡献

欢迎提交 Issues 和 Pull Requests！

---

欢迎来到我的个人主页！ 🎉