sunyuyo.fun

🎤 孙羽幽直播点歌 · 抽卡歌单网站

🔗 线上地址:https://www.sunyuyo.fun

极简 · 免费 · 开箱即用
可作个人直播歌单模板,也可直接改成静态 HTML 使用


✨ 主要功能


🚀 快速使用(两种方式任选)

方式一:保持 PHP 版本(记录访问者)

将整个项目文件夹放入 PHP 环境(如 Apache + PHP),
index.php 会自动调用 log_visit.php 记录访客 IP 等信息。

方式二:改为纯静态 HTML(推荐,无需 PHP)

整个网站完全不依赖 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