dsh-lively:为 DeepSeek Harness Web GUI 加一层动态壁纸

前言

长时间盯着 DSH 的 Web 界面写智能体、调配置时,默认纯色底容易显得单调。社区里「趣味换装」类插件会在界面背后叠一层可配置的视觉层,而不改动核心交互。下面介绍维护者 hero-jianghaojie 的 dsh-lively:在 Web GUI 半透明外壳之下放置程序化预设、图片、GIF 或视频壁纸,并附带设置页选择外观。

这是什么

dsh-lively(当前包版本 0.2.1,MIT 许可证)的定位是:Live wallpaper layer for the DeepSeek Harness Web GUI —— 程序化预设、图片、GIF 或视频铺在界面后面,透过半透明壳显示。插件归属 GitHub 仓库 hero-jianghaojie/dsh-lively,在 SkillHub 社区目录中归类为「趣味换装」。

核心功能

程序化预设

提供六种程序化预设:Flow、Aurora、Starfield、Lava、Mesh、Neon grid。其中 Flow 刻意做位置与尺寸的漂移动画;每种预设针对深色与浅色主题各有一套变体,避免浅色主题下整屏发灰。

自定义壁纸

支持通过 URL 或本地上传使用图片、GIF、WebP、AVIF、MP4、WebM。上传文件存放在 $DSH_HOME/dsh-lively-media/,由插件自有路由提供访问,刷新或重启后仍可用。

控制项

设置页可调节:壁纸透出强度(wallpaper strength)、压暗(dim)、视频柔化(video softness)、动画速度、运动开关(减少动态时的逃生口)、窗口隐藏时暂停。

播放列表

可在任意预设子集上轮播,间隔 1–240 分钟,顺序或随机。

壁纸库与主题

已上传文件在 Settings 中列出,可通过主机路由 /dsh-lively/library 浏览 $DSH_HOME/dsh-lively-media/。遮罩层跟随 body[data-ds-dark-theme];亮/暗预设变体与 html:has(> body[data-ds-dark-theme]) 联动。

安装与启用

官方 README 给出的步骤是先取得仓库目录,再以本地路径加入 desktop 配置档的插件列表,然后重启 DSH。

git clone https://github.com/hero-jianghaojie/dsh-lively.git
dsh plugin --profile desktop add ./dsh-lively

重启 DSH(若已安装桌面版,可用侧栏的重启按钮),打开 Settings → Live wallpaper 即可配置。

说明:插件以当前 DSH 进程权限运行;安装前请自行审阅仓库源码与 MIT 许可证。社区目录 SkillHub 插件页 与 DeepSeek / 幻方无官方从属关系,属于「一切皆插件」生态下的独立收录。

典型用法

  1. 安装并重启后,进入 Settings → Live wallpaper。
  2. 在六种程序化预设中选一种,或上传/填写 URL 使用自定义媒体;上传内容会进入壁纸库,下次一键选用。
  3. 按需调整透出强度、压暗、动画速度与运动开关;若使用视频,可单独调节 video softness。
  4. 需要轮换时,在播放列表中勾选预设子集,设置 1–240 分钟间隔与顺序或随机模式。

状态会同时写入 localStorage 与 $DSH_HOME/dsh-lively-state.json(经 /dsh-lively/state),以应对 Desktop 应用每次启动 loopback 端口变化。

仓库 releases 提供约 47 秒的中文旁白介绍视频(v0.2.1 资源 dsh-lively-intro.mp4),可对照预设、自定义壁纸、播放列表与控制项操作。

实现要点与限制

壁纸固定在 z-index:-1 的 #dsh-lively-layer:子层包括动画 surface、主题色 veil(strength)与 dim 叠加。作者说明未把动画直接做在 html 背景上,是因为 Chromium 对根元素背景的 background-position/background-size 动画可能不触发重绘,预设会看起来静止;独立层可正常重绘。外壳通过将 --dsw-alias-bg-base 设为全透明,让单层 veil 盖住 surface,避免列上 alpha 相乘发灰;列上未使用 backdrop-filter,以免 fixed 定位的侧栏折叠按钮被拖入错误包含块。

需注意:

  • 视频壁纸必须使用真实 <video> 元素,纯 CSS 无法播放视频。
  • softness 仅作用于视频;对根背景做模糊或模糊列会破坏 fixed 定位的 shell 控件。
  • 帧透明规则针对 [class$='_frame'],与 shell 的 CSS module 命名一致。

结尾

dsh-lively 把 DSH Web GUI 变成可换肤的半透明工作台:预设、自定义媒体、播放列表与主题联动一应俱全。查阅目录与源码:

  • 社区目录:https://www.skillhub.cn/plugins/hero-jianghaojie/dsh-lively
  • GitHub:https://github.com/hero-jianghaojie/dsh-lively
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye