毅白 · YIBAI

一个极简风格的单页个人站点，支持整屏滚动、随机二次元背景、毛玻璃 UI、首页打字机效果，并完整适配桌面与移动端。

本项目为纯前端实现，无框架、零构建步骤，打开即用。

---

✨ 功能特性

• 🖼 随机背景图（基于 https://www.dmoe.cc/random.php）
• 🌈 背景加载失败自动使用随机渐变兜底
• ⚡ Lazy Loading（仅加载当前屏 + 下一屏）
• ⌨ 键盘翻页（↑ ↓ PageUp PageDown Space）
• 📱 移动端上下翻页按钮
• 🧊 毛玻璃卡片 UI
• 🧭 右侧圆点导航
• ✍ 首页打字机效果
• ♿ 支持 prefers-reduced-motion
• 🔒 外链安全处理（noopener / noreferrer）

---

🚀 使用方法

直接打开 index.html 即可运行。

或使用本地服务器：

python -m http.server

浏览器访问：

http://localhost:8000

---

🌍 部署

可部署到任意静态托管平台：

• Vercel
• Cloudflare Pages
• GitHub Pages
• Netlify

只需上传 index.html。

---

⌨ 操作说明

桌面端：

• ↑ / PageUp ：上一页
• ↓ / PageDown / Space ：下一页

移动端：

• 底部按钮翻页

---

🛠 自定义

修改背景 API

搜索：

const DMoeAPI = "https://www.dmoe.cc/random.php";

替换为你自己的随机图片接口即可。

---

修改首页打字内容

搜索：

const lineText = "STEADY & PURE";

和：

const descPlain = "过程至上 · 长期打磨\n用时间换取每一个像素的质感";

即可修改首页文案。

---

📜 License

MIT

允许自由使用、修改、二次创作。

---

🙋‍♂️ Author

毅白 · YIBAI
长期主义者 · 像素洁癖患者