🔗 线上地址:https://www.sunyuyo.fun
极简 · 免费 · 开箱即用
可作个人直播歌单模板,也可直接改成静态 HTML 使用
将整个项目文件夹放入 PHP 环境(如 Apache + PHP),
index.php 会自动调用 log_visit.php 记录访客 IP 等信息。
整个网站完全不依赖 PHP,只需一步:
将 index.php 重命名为 index.html,即可直接运行!
```bash
mv index.php index.html ✅ 所有功能(点歌、抽卡、猜数字、主题切换)完全正常
✅ 不再需要任何后端环境,可部署在任何静态托管服务(GitHub Pages、Vercel、Netlify 等)
✅ 删除 log_visit.php 也无影响(不再需要访问记录)
🎮 猜数字小游戏说明 入口:右侧导航栏 → 「玩个游戏」按钮
玩法:系统随机生成 1~100 之间的数字,用户输入猜测,提示「大了/小了/猜中」
特点:轻量、无依赖、纯前端实现
游戏代码位于 /game/ 目录下,可独立提取使用
🧩 模板自定义(自由修改) 你可以任意修改以下内容,没有任何强制要求:
网站标题、logo、描述文字
直播嵌入的 B站房间号(修改 iframe 的 cid 参数)
右侧导航栏所有链接(GitHub、旧版、游戏、隐藏歌单等)
歌单数据(位于 js/songs-data.js,增删改歌曲条目即可)
猜数字游戏样式或难度
⚠️ 唯一需遵守的条款 页脚版权声明不可删除或修改(MIT 协议要求保留原始版权声明)。 其他任何部分(包括备案号、链接)均可按需替换。
⚖️ 开源协议 本项目采用 MIT License。 你可以自由使用、修改、分发,甚至用于商业用途, 只需在分发时保留原始版权声明(即页脚署名)。
📁 项目结构(核心文件) text . ├── index.php # 主入口(可改为 index.html) ├── log_visit.php # 访客记录(PHP 版本需要,纯静态可删除) ├── css/ │ ├── style.css │ └── responsive.css ├── js/ │ ├── songs-data.js # 歌单数据(JSON 格式) │ ├── script.js # 点歌/抽卡/主题切换逻辑 │ └── … ├── game/ # 猜数字小游戏目录 └── … 💡 小提示 如果你想完全脱离 PHP,记得删除或忽略 log_visit.php 的引用(改名后不再需要)
歌单数据可按「歌名-歌手-曲风」格式自由增删,前端会自动统计数量
欢迎 Star ⭐,也欢迎提 Issue 或 PR 一起完善~
项目原作者:苍二君 最后更新:2026-06-03