雾散了（wusanle.fun）
一个持续演化的个人网站：AI 新闻、音乐、声景、文字、古诗星云、群聊、小游戏与账号
都在同一个域名里慢慢长出来
🌐 主页
wusanle.fun →
网站入口，负责把最新内容、常用功能和站点状态串起来。
| 功能 | 说明 |
|---|
| 小型实验室 | 集中展示 AI 新闻、音乐、声景、文案、古诗、诗云星图、群聊、小游戏等主要入口 |
| 探索路线 | 按心情快速跳转到音乐、群聊、札记或小游戏 |
| 铲了么申请 | 展示微信群入口、群介绍和二维码申请方式 |
| 漂流瓶 | 匿名留言墙，支持点赞；当前浏览器投递的漂流瓶可删除 |
| 札记卡片 | 展示最新三篇文章，点击进入全文阅读 |
| 正在发生 | 站点更新日志时间线，记录最近发布、视觉调整和功能修复 |
| 联系方式 | 展示 GitHub、QQ 个人号和 QQ 交流群入口 |
🎵 音乐人专页
/music/ →
独立音乐人「雾散了」的作品档案页，整合网易云档案与汽水音乐入口。
| 特性 | 说明 |
|---|
| 歌曲档案 | 同步网易云歌曲、专辑、封面、简介和歌词信息 |
| 播放交互 | 点击歌曲封面播放或暂停，页面内保留音乐浏览体验 |
| 实时数据 | 展示头像、歌曲数、专辑数等音乐人资料 |
| 汽水音乐 | 展示抖音号 wusanler 和汽水音乐官方分享入口 |
| 社交入口 | 链接至网易云音乐主页、汽水音乐入口和声景实验 |
| 响应式设计 | 桌面端卡片布局，移动端全宽适配 |
网易云音乐人 ID：125039146；抖音 / 汽水音乐：wusanler
≋ 声景拓扑
/sonic/ →
从 Sonic Topography 改造而来的浏览器音乐声景实验。
| 能力 | 说明 |
|---|
| 网易云连接 | 支持 Cookie 备用连接和二维码登录兼容流程 |
| 搜索与播放 | 可搜索歌曲，通过站内 PHP 音频代理播放，支持 320k/192k/128k |
| 歌词与封面 | 播放时同步歌词、封面和当前歌曲状态 |
| 3D 可视化 | Three.js 画布根据音频分析驱动地形、歌词、封面和节拍特效 |
| 诊断能力 | 保留音频调试面板和自动降级逻辑，便于处理卡顿或不可播放曲目 |
✎ AI 新闻、文案、古诗与账号
| 入口 | 当前功能 |
|---|
| /ai-news/ | AI 新闻日报，看板式聚合模型、研究、工具和产业动态，导航使用报纸图标 |
| /copy/ | 每日忧郁文案库，支持浏览、复制和保存个人喜欢的短句 |
| /poem/ | AI 古诗赏析，每日推荐一首经典古诗，提供白话解释、赏析、现代一句解读和真实诗库星云入口 |
| /poem/cloud/ | 基于 chinese-poetry MIT 数据的真实诗库星云，当前只展示名家加权精选的 5000 首作品，支持搜索、随机诗人、随机诗作和 WebGL 星图浏览 |
| /account/ | 账号注册登录、邮箱验证码、资料设置、头像、签名和密码管理 |
🟢 正在发生
| 时间 | 状态 |
|---|
| 2026.07.13 | 全站玻璃界面已改为静态质感，去除鼠标跟随的玻璃光晕；普通内容页保留粒子尾迹、点击散开和拖动跟随。 |
| 2026.07.13 | /poem/ 与 /poem/cloud/ 已统一回主站 VisionOS 色彩、系统字体、玻璃面板和焦点样式。 |
| 2026.07.13 | /poem/cloud/ 已重新清洗诗源，过滤异常文本，把星云收敛为 chinese-poetry 固定 commit 中名家加权精选的 5000 首作品。 |
| 2026.07.12 | 首页首次访问欢迎信功能已接入 Agent Mail 发送流程，用户自愿留下邮箱后只发送一次欢迎邮件。 |
💬 铲了么群聊社区
/chlm/ →
基于真实微信群「铲了么」的线上社区与资料页。
| 功能 | 说明 |
|---|
| 群入口 | 展示微信群介绍、申请方式和二维码 |
| 留言墙 | 群成员留言互动，支持点赞和置顶排序 |
| 群聊音乐 | 展示群歌曲《铲了么》相关播放器入口 |
| 公告区 | 群公告与社区说明展示区域 |
| 数据分析入口 | 一键跳转群聊数据分析页面 |
📊 群聊数据分析
/chlm/analysis/ →
基于 120 人群聊、67,423 条消息（跨度 664 天）的数据分析页面。
| 模块 | 说明 |
|---|
| 排行榜 | 消息数排名、月度活跃度排行，支持按月份筛选 |
| 词云 | 高频词可视化，词语越大出现次数越多 |
| 成员分析 | 个人发言统计、活跃时段热力图、高频词、常用表情 |
🎮 金铲铲星神对对碰
/jcc/ →
S17 星神赛季主题的五关三消闯关小游戏。
| 特性 | 说明 |
|---|
| 三消玩法 | 8×8 棋盘，交换相邻弈子凑三连消除，四连/五连生成特效棋子 |
| 关卡系统 | 五关递增难度，每关有目标弈子收集任务和最低分要求 |
| 道具系统 | 铲除（清除棋子）、洗牌（重排棋盘）、提示（高亮可消组合） |
| 甜心能量 | 消除积累能量条，满后可触发爆发清屏 |
| 排行榜 | 实时全服排名，支持按关卡筛选，并带防重复提交机制 |
| 移动端适配 | 统一玻璃视觉，保留键盘、按钮和触摸操作 |
🏆 排行榜
/jcc/leaderboard.html →
| 特性 | 说明 |
|---|
| 实时排名 | 全服玩家成绩排序，Top 100 |
| 关卡筛选 | 可按全部和各关卡查看 |
| 自动提交 | 游戏通关后自动带入分数，填昵称即可上榜 |
| 主题一致 | 与游戏页面视觉统一，保留移动端可读性 |
🐍 铲了么贪吃蛇
/zhouye/ →
经典贪吃蛇游戏，铲了么专属版本。
| 特性 | 说明 |
|---|
| 经典玩法 | 方向键/滑动控制蛇移动，吃食物增长 |
| 铲了么主题 | 定制视觉风格和排行榜弹窗 |
| 排行榜 | 本地 PHP API 保存分数，当前生产数据持续保留 |
| 移动端适配 | 支持触摸滑动操作 |
✍️ 札记文章
个人随笔与思考，当前三篇：
| 文章 | 链接 |
|---|
| 一个人走进雾里，不是失踪，是消化 | 阅读 → |
| 霓虹下的人脸，为什么都在低头 | 阅读 → |
| 为什么蓝色比红色更让人疲惫 | 阅读 → |
🔧 技术架构
前端
| 技术 | 说明 |
|---|
| 静态页面 | 首页、关于、文章、群聊、音乐、AI 新闻、文案、古诗、诗云星图和游戏壳层主要由 HTML/CSS/JS 组成 |
| React + Vite | Sonic 声景应用使用 React、Vite、Three.js 和 Web Audio |
| 共享导航 | 全站统一顶部玻璃导航、主题切换、移动菜单、账号状态和普通页面粒子鼠标交互 |
| 静态诗库 | /poem/ 使用本地 50 首赏析数据，/poem/cloud/ 使用生成后的 chinese-poetry 精选静态 JSON |
| 无障碍降级 | 支持 reduced motion、键盘操作、语义化标签和清晰焦点 |
| 响应式设计 | 桌面与手机共用一套 VisionOS 风格静态玻璃视觉系统，鼠标玻璃光晕已移除 |
后端
| 技术 | 说明 |
|---|
| Spring Boot 2.7.18 | Java 8 后端服务，承载账号、漂流瓶、群留言和文案能力 |
| SQLite | 轻量级数据库，保存账号、内容、互动数据和欢迎邮件队列 |
| PHP 8.3 | JCC、贪吃蛇排行榜，以及 Sonic 网易云登录/搜索/歌词/音频代理 |
| JSON 运行数据 | 游戏排行榜数据以受保护的 JSON 文件保留，部署时不会覆盖 |
| Nginx 1.24 | HTTPS、静态资源、PHP-FPM 和 Spring Boot 反向代理 |
运维
| 项目 | 状态 |
|---|
| HTTPS/SSL | 已启用，由 Let's Encrypt 管理 |
| 安全响应头 | 已启用 CSP、HSTS、Frame、Referrer 等基础策略 |
| 部署流程 | 通过 Git 仓库和 wusanle-deploy 发布，部署前后自动校验 |
| 备份 | 每日备份，部署时额外创建可回滚备份 |
| 健康检查 | 五分钟定时健康检查，覆盖磁盘、证书、备份和核心接口 |
| 服务器 | 腾讯云 Ubuntu 24.04，站点根目录 /var/www/html，仓库 /opt/wusanle-repo |
