🌸 二次元个人主页

一个充满二次元风格的个人主页网站，采用现代动漫风格设计，配合精致的动画效果。
示例网站[https://harrot114514.github.io/anime-homepage/]

✨ 特色功能

🎨 视觉设计

• 二次元风格：采用柔和的粉色、紫色、蓝色系渐变配色
• 精美动画：流畅的过渡动画、悬停效果和视觉反馈
• 现代布局：响应式设计，支持各种设备完美显示

🚀 交互功能

• 平滑滚动：优雅的页面导航体验
• 技能进度条：动态展示个人技能水平
• 浮动元素：可爱的装饰元素增加趣味性
• 打字机效果：动态文字展示
• 表单交互：联系表单提交功能

📱 响应式支持

• 桌面端：完整功能体验
• 平板端：优化的布局适配
• 移动端：触摸友好的交互设计

🛠 技术栈

• HTML5：语义化标签结构
• CSS3：现代样式和动画
• JavaScript：交互功能实现
• Font Awesome：图标库
• Google Fonts：优质字体

📁 文件结构

anime-homepage/
├── index.html          # 主页面
├── css/
│   └── style.css      # 样式文件
├── js/
│   └── main.js        # 交互功能
├── images/            # 图片资源
├── data/              # 数据文件
└── README.md          # 说明文档

🎯 页面结构

1. 首页区域 - 个人介绍和头像展示
2. 关于我 - 个人故事和兴趣爱好
3. 技能展示 - 技能树和进度条
4. 作品集 - 创作作品展示
5. 联系方式 - 社交媒体和联系表单

🌟 特殊效果

动画效果

• 浮动粒子背景
• 头像光晕效果
• 技能进度条动画
• 页面滚动动画
• 鼠标悬停效果

彩蛋功能

• Konami Code 隐藏彩蛋
• 页面标题动态变化
• 通知系统

🚀 使用说明

1. 直接访问：打开 index.html 文件
2. 本地服务器：使用任何 HTTP 服务器运行
3. 自定义内容：
   • 修改个人信息
   • 替换头像图片
   • 更新作品集内容
   • 调整联系方式

🎨 自定义指南

颜色主题

在 css/style.css 中修改 CSS 变量：

:root {
    --primary-pink: #ff69b4;
    --primary-purple: #8b5cf6;
    --primary-blue: #3b82f6;
}

个人信息

在 index.html 中更新：

• 姓名和介绍
• 技能和经验
• 作品集内容
• 联系方式

图片替换

将新图片放入 images/ 目录并更新文件引用。

🌈 浏览器支持

• Chrome (推荐)
• Firefox
• Safari
• Edge

📄 许可证

本项目采用 MIT 许可证，您可以自由使用和修改。

💖 致谢

感谢所有二次元文化的创作者们，为我们带来了无尽的美好与灵感！
感谢Minimax的支持

---

Made with ❤️ and lots of ✨