一款纯前端、零依赖的个人专属导航页源码。采用彩虹渐变流光标题、毛玻璃卡片与樱花飘落特效，内置打字机语录轮播和可拖拽的Live2D看板娘。响应式布局适配全设备，只需修改config.js即可自定义头像、标题、社交链接与导航分类，支持一键部署到Cloudflare Pages或Vercel等平台。
北辰导航页 — 个人专属浏览器起始页源码
一个高颜值、可自定义的个人导航页源码，纯前端、零依赖、直接部署。
✨ 特色亮点
🎨 精美视觉设计
- 彩虹渐变流光标题：3秒循环变色，视觉冲击力强。
- 毛玻璃风格导航卡片：配合 Hover 悬浮动画，质感高级。
- 精致装饰细节：左侧蜘蛛丝 SVG 装饰 + 右侧对称设计，细节拉满。
- 动态渐变顶部条：蓝紫粉渐变背景，卡片 Hover 时触发渐变动画。
🌸 樱花飘落特效
- Canvas 粒子系统：渲染粉白渐变樱花，带有旋转和自然飘落轨迹。
- 氛围感营造：15%概率持续生成，为页面增添浪漫气息。
💬 打字机语录轮播
- 动态文字效果：逐字打印 + 逐字删除的循环动画。
- 治愈系内容：内置 20 条温暖治愈语录。
- 高度可调：输入速度、停留时长均可自定义配置。
🎮 Live2D 看板娘
- 互动体验：支持拖拽的二次元人物，点击即可互动。
- 丰富功能：支持切换模型/纹理、拍照、获取“一言”等功能。
- 便捷加载：通过 CDN 加载资源，无需额外本地资源包。
📱 全设备适配
- 响应式布局：
- 手机端：2 列网格
- 平板端：3-4 列网格
- 桌面端：5 列网格
- 触摸优化：移动端卡片 Active 状态有缩放反馈。
- 舒适阅读：移动端最大宽度限制为 500px，确保最佳阅读体验。
⚙️ 零门槛自定义
- 配置分离：只需修改
config.js，无需改动 HTML 结构。 - 灵活配置：支持更换头像、标题、社交链接、导航分类及语录。
- 图标丰富：内置 9 款常用 SVG 图标（GitHub/B站/快手/抖音/QQ/聊天/图片/邮箱/书籍）。
- 扩展性强：社交平台预留 20+ 个空位（微博/知乎/小红书/YouTube 等）。
🚀 一键部署
- 纯静态文件：无构建步骤，无后端依赖。
- 多平台支持：完美支持 Cloudflare Pages / Vercel / 虚拟主机。
- 上传即用：无需服务器环境配置，上传即可访问。
📦 极简文件结构
仅包含 3 个核心文件：
index.html— 主页面结构（一般无需修改）config.js— 核心配置文件（管理导航内容与样式）logo.png— 用户头像图片
👁️ 预览效果
页面流： 头像 → 彩虹标题 → 副标题 → 社交图标行 → 打字机语录 → 导航卡片分类 → 底部版权
整体风格： 白底背景 + 蓝色主色调 + 粉紫渐变点缀，呈现清新简约的视觉体验。
🛠️ 使用方式
- 配置内容：打开
config.js，修改其中的标题、社交链接、导航分类等信息。 - 替换头像：将根目录下的
logo.png替换为你自己的头像图片。 - 部署上线：将所有文件上传至任意静态托管平台（如 GitHub Pages、Vercel 等）即可使用。
