vibecoding作业-拾景：一个沉浸式的开源壁纸网站

[aru_34] 一片极光、一座雪山，或是一场落在森林里的雪。Stillscape · 拾景把这些画面铺满屏幕，将挑图、收藏和下载放进同一个安静的界面里。想换张桌面壁纸时可以来找找，也可以打开页面，单纯看一会儿风景。

在线体验：https://xss6.com/stillscape/。无需注册，打开即可浏览。

风景占满屏幕，操作留在边缘

进入页面，首先看到的是一整屏图片。标题、分辨率和下载入口集中在一侧，底部是一条可以横向浏览的风景胶片。点击缩略图，或使用左右方向键，就能切换到下一张。

画面之间采用柔和的淡入转场，镜头缓动和指针光影给静态图片留了一点呼吸感。想专心看图，可以按空格进入「纯净赏图」，收起界面；也可以开启自动漫游，让风景按自己的节奏更替。系统开启「减少动态效果」时，页面会相应收敛动画。

右上角还放了一个轻音乐开关，默认关闭，点击后才加载和播放。看图时要不要配上声音，由自己决定。

顺着风景逛，也能按分类挑

图库接入了 360 壁纸分类与 Bing 每日图片。可以从风景大片、4K 专区、动漫卡通、萌宠动物等分类里挑选，也可以打开全部风景，在缩略图之间慢慢浏览。页面会在接近列表末尾时继续加载，首屏的 24 张只是第一批。

首次加载使用与图片等高的骨架占位，下一批到来时保留当前选择；浏览过程中会提前准备相邻图片，减少每次切换都从头等待的情况。随机跳到尚未准备好的大图时，会先呈现可用的缩略图，再补上高清画面。

搜索框目前只筛选已经加载的图片，并不是全图库搜索。图库内容和更新频率也取决于上游，360 分类中包含较早的图片；Bing 区域用于浏览近期每日图片。

把喜欢的留在桌面上

喜欢某张图片，可以点爱心留在「我的收藏」，之后再回来挑；需要作为桌面背景时，可以查看来源原图，或按图片支持的分辨率下载适配版本。分辨率会随画面显示，选择时不用先点开猜。

收藏保存在当前浏览器里，不需要账号，也暂时没有跨设备同步。换浏览器或清理站点数据后，原来的收藏不会自动带过去。图片和音乐的使用许可仍以各自来源为准，网站提供下载入口，不代表素材可以任意商用。

已经开源，也可以放到自己的网站

拾景已经在 GitHub 开源，代码采用 MIT 许可证。界面使用原生 HTML、CSS 和 JavaScript，实现了两种部署方式，选择适合自己服务器的一种即可：

• PHP 直接上传版：服务器启用 PHP 8.1+ 与 cURL，下载构建好的部署包，将应用文件放进网站根目录或任意子目录即可，不需要常驻 Node.js 服务。
• Node.js 运行版：服务器安装 Node.js 22+，解压后启动服务，再通过域名反向代理访问；不需要 PHP，也不需要数据库。

成品部署包、操作说明和 SHA-256 校验文件都放在 GitHub Releases。直接使用请选择其中的 PHP 或 Node.js ZIP；GitHub 自动生成的 Source code 是源码归档，需要自行构建。在线演示使用的 /stillscape/ 只是目录示例，并不限制实际部署位置。

接口调用方式参考了 mengkunsoft/wallpaper 的公开整理，界面与交互独立实现。视觉和动效打磨使用自有「官网设计」Skill，配合 Codex 完成；Skill 计划后续独立开源，相关链接会补充到项目文档中。

如果喜欢这样一整屏的风景，可以先打开 拾景，挑一张喜欢的画面。想看看实现、部署自己的版本，或反馈使用中遇到的问题，可以到 GitHub 仓库逛逛，也欢迎在评论区留下感受。