🌐
经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用
点我优惠购买
🚀
拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多
点我优惠购买
🛡️
稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少
点我优惠购买
---
## 特色亮点
- 毛玻璃风格导航卡片,hover 悬浮动画
- 左侧蜘蛛丝 SVG 装饰 + 右侧对称,细节拉满
- 蓝紫粉渐变顶部条,卡片 hover 渐变动画
** 樱花飘落特效**
- 15% 概率持续生成,氛围感十足
** 打字机语录轮播**
- 逐字打印 + 逐字删除循环
- 内置 20 条温暖治愈语录
- 输入速度、停留时长均可调
** Live2D 看板娘**
- 可拖拽的二次元人物,点击互动
- CDN 加载,无需额外资源
** 全设备适配**
- 手机 2 列 → 平板 3-4 列 → 桌面 5 列网格
- 触摸优化,卡片 active 缩放反馈
**⚙️ 零门槛自定义**
- 只需修改 `config.js`,不动 HTML
** 一键部署**
- 纯静态文件,无构建步骤
- 支持 Cloudflare Pages / Vercel / 虚拟主机
- 上传即用,无需服务器
** 文件仅 3 个**
- `index.html` — 主页面(一般不用动)
- `config.js` — 配置导航内容
- `logo.png` — 头像图片
---
## 预览效果
> 头像 → 彩虹标题 → 副标题 → 社交图标行 → 打字机语录 → 导航卡片分类 → 底部版权
整体风格:白底 + 蓝色主色调 + 粉紫渐变点缀,清新简约。
## 使用方式
1. 修改 `config.js` 中的标题、社交链接、导航分类
2. 替换 `logo.png` 为你的头像
3. 上传到任意静态托管平台即可
详细配置说明见源码内的 `使用说明.md`。

文章版权声明:除非注明,否则均为AI虎哥的工具库原创文章,转载或复制请以超链接形式并注明出处。



还没有评论,来说两句吧...