北辰导航页 — 个人专属浏览器起始页

一个高颜值、可自定义的个人导航页源码，纯前端、零依赖、直接部署。

特色亮点

 精美视觉设计
– 彩虹渐变流光标题，3 秒循环变色
– 毛玻璃风格导航卡片，hover 悬浮动画
– 左侧蜘蛛丝 SVG 装饰 + 右侧对称，细节拉满
– 蓝紫粉渐变顶部条，卡片 hover 渐变动画

 樱花飘落特效
– Canvas 粒子系统，粉白渐变樱花，带旋转和飘落轨迹
– 15% 概率持续生成，氛围感十足

 打字机语录轮播
– 逐字打印 + 逐字删除循环
– 内置 20 条温暖治愈语录
– 输入速度、停留时长均可调

 Live2D 看板娘
– 可拖拽的二次元人物，点击互动
– 支持切换模型 / 纹理、拍照、一言等功能
– CDN 加载，无需额外资源

 全设备适配
– 手机 2 列 → 平板 3-4 列 → 桌面 5 列网格
– 触摸优化，卡片 active 缩放反馈
– 移动端 max-width 500px 舒适阅读

⚙️ 零门槛自定义
– 只需修改 config.js，不动 HTML
– 支持更换头像、标题、社交链接、导航分类、语录
– 内置 9 款 SVG 图标（GitHub/ B 站 / 快手 / 抖音 /QQ/ 聊天 / 图片 / 邮箱 / 书籍）
– 社交平台预留 20+ 个空位（微博 / 知乎 / 小红书 /YouTube 等）

 一键部署
– 纯静态文件，无构建步骤
– 支持 Cloudflare Pages / Vercel / 虚拟主机
– 上传即用，无需服务器

 文件仅 3 个
– index.html — 主页面（一般不用动）
– config.js — 配置导航内容
– logo.png — 头像图片

预览效果

头像 → 彩虹标题 → 副标题 → 社交图标行 → 打字机语录 → 导航卡片分类 → 底部版权

整体风格：白底 + 蓝色主色调 + 粉紫渐变点缀，清新简约。

使用方式

1. 修改 config.js 中的标题、社交链接、导航分类
2. 替换 logo.png 为你的头像
3. 上传到任意静态托管平台即可

详细配置说明见源码内的 使用说明.md。