北辰导航页 — 个人专属浏览器起始页源码
# 北辰导航页 — 个人专属浏览器起始页 一个高颜值、可自定义的个人导航页源码,纯前端、零依赖、直接部署。 --- ## 特色亮点 ** 精美视觉设计** - 彩虹渐变流光标题,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`。 ![]() |



