项目简介
一个精美的粉色二次元风格个人主页，采用现代化的玻璃拟态设计和丰富的动画效果。
主要特色
视觉设计：
– 玻璃拟态效果：采用 backdrop-filter 和半透明背景实现现代化的毛玻璃效果
– 粉色主题：温柔的粉色渐变配色方案，营造甜美的二次元氛围
– 初音未来背景：高清的 VOCALOID 初音未来壁纸作为页面背景
– 响应式布局：完美适配桌面端和移动端设备
动画效果：
– 樱花飘落：持续的樱花花瓣飘落动画，增添浪漫氛围
– 浮动心形：随机分布的爱心和装饰符号浮动效果
– 鼠标跟随：鼠标移动时随机生成粉色粒子特效
– 悬停动画：卡片和按钮的悬停渐变和位移效果
– 头像光效：头像边缘的流光动画效果
功能特性：
– QQ集成：自动获取QQ头像，支持多个头像源备用
– 固定昵称：显示个性化的用户昵称
– 导航菜单：平滑滚动的页面内导航
– 社交链接：多个社交平台链接入口
– 云服务广告：集成讯度云服务器推广内容
文件结构与使用方法
文件结构包括 index.html 主页面文件、初音未来背景图和 README.md。使用方法简单：下载文件后直接在浏览器打开 index.html，或使用本地Web服务器运行以避免跨域问题。自定义配置可通过修改HTML中的JavaScript部分（QQ号、昵称）和CSS中的透明度、背景图来实现。
主要功能与设计理念
主要功能包括QQ信息展示、响应式设计、动画系统和云服务推广。设计理念以粉色为主色调，采用玻璃拟态和柔和渐变，营造温柔视觉感受。用户体验方面注重平滑交互、视觉反馈和性能优化。
技术特点与兼容性
技术特点包括CSS中的backdrop-filter毛玻璃效果、Grid/Flexbox布局、CSS变量和关键帧动画；JavaScript实现DOM操作、事件监听、定时器和错误处理。浏览器兼容性方面完全支持Chrome 76+、Firefox 103+、Safari 14+、Edge 79+，较旧版本可能降级显示。
常见问题与开源协议
常见问题涵盖头像不显示、动画卡顿、修改广告内容等解决方法。本项目采用MIT协议开源，可自由使用、修改和分发。
评论(0)