前言¶
DeepSeek Harness(DSH)的 Web 界面默认背景较为朴素。若想在不改界面配色、不干扰操作的前提下增加一点动态视觉,常见做法是改主题 CSS 或换皮肤,但这类改动往往牵涉全局样式,维护和切换成本较高。
dsh-cyber-particle 走另一条路:在浏览器侧用全屏覆盖层绘制粒子网络动画,pointer-events 穿透,不注册服务端路由,也不改动现有界面配色。下面介绍它的定位、能力与安装方式。
这是什么¶
cyber-particle(仓库 AKS1st/dsh-cyber-particle)由维护者 AKS1st 发布,归类为趣味换装类 DSH 插件。它为 DeepSeek Harness Web 界面提供动态粒子网络背景:灰白散点从屏幕边缘随机飞入、直线穿过界面、离开后从新的边缘再次进入;彼此距离小于阈值的粒子自动连线,形成不断变化的网状结构。
渲染在界面全屏覆盖层上,不影响鼠标与键盘交互。所有逻辑在浏览器侧完成,无 npm 运行时依赖;服务端不注册任何 webServer 路由,可被 dshmarket 像皮肤一样热切换,不产生路由冲突。
核心功能¶
粒子动画¶
粒子从屏幕边缘随机进入,直线移动后离开,再从新边缘重新进入。距离小于阈值的粒子之间自动绘制连线,整体呈不断变化的网状结构。粒子与线条颜色可通过设置页调色板调整。
设置页与持久化¶
插件内置「设置 → 粒子背景」页,可实时调节:
- 粒子数量、半径
- 线条粗细、连线距离
- 移动速度
- 粒子颜色、线条颜色
支持一键重置为默认值。调整即时生效,并持久化到浏览器 localStorage(键 cyber-particle:config),刷新页面或重启 dsh web 后自动恢复。设置页文案跟随 DSH 语言设置(中文 / English)。
分辨率自适应¶
效果以 2560×1440(27” 2K)为参考视口,按设备像素比和视口面积自动归一化。设置页用「少/多、小/大、细/粗、近/远、慢/快」等定性档位展示,不显示绝对数值,避免不同屏幕尺寸下的歧义。
内部参数默认值与范围如下(绘制时按 scale 缩放,scale = √(视口面积 / 参考面积),限制在 0.55–1.5):
| 参数 | 默认值 | 范围 | 含义 |
|---|---|---|---|
| 粒子数量 | 52 | 10–120 | 基准数量,按 scale² 缩放(8–240 截断) |
| 粒子半径 | 2.2 | 0.5–6 | 半径(px),按 scale 缩放 |
| 线条粗细 | 1.2 | 0.2–4 | 连线宽度(px),按 scale 缩放 |
| 连线距离 | 180 | 40–400 | 连线阈值(px),按 scale 缩放 |
| 移动速度 | 3.0 | 0.5–8 | 基准速度,实际在 2/3× 到 1.4× 间随机 |
| 粒子颜色 | #7d8999 |
调色板 | 散点颜色(固定 0.9 透明度) |
| 线条颜色 | #6e7a8c |
调色板 | 连线颜色(透明度随距离衰减) |
设备像素比上限为 2,高分屏(如 4K@200%)按 DPR 渲染以保持线条清晰。
安装与启用¶
从 GitHub 仓库安装(纯 JS,零构建,即装即用):
dsh plugin --profile web add github:AKS1st/dsh-cyber-particle
dsh web # 重启 web 服务使 profile 生效
本地安装(clone 后直接指向仓库目录):
git clone https://github.com/AKS1st/dsh-cyber-particle.git
dsh plugin --profile web add /path/to/dsh-cyber-particle
dsh web
当前版本为 0.2.3,许可证 MIT。插件通过 Cordis patch(cordis.patch.yml)注入 Web 客户端,仅面向 web profile。
典型用法¶
安装并重启 dsh web 后,打开 DSH Web 界面即可看到粒子背景。无需额外命令行操作。
若要调整效果,进入「设置 → 粒子背景」,按需修改各项参数;不满意时可一键恢复默认。卸载时执行:
dsh plugin --profile web remove cyber-particle
dsh web
适用场景与注意¶
适合希望在 DSH Web 界面上增加轻量动态背景、又不想改主题配色的用户。插件不占用服务端资源,也不影响现有交互逻辑。
安装前应注意:插件以当前 dsh 进程权限运行,虽 README 标明服务端无行为,仍建议查看仓库源码并确认 MIT 许可证后再安装。DSH 生态奉行「一切皆插件」;SkillHub 等社区目录为独立站点,与 DeepSeek / 幻方无官方从属关系。
链接¶
- 目录页:https://www.skillhub.cn/plugins/AKS1st/dsh-cyber-particle
- GitHub:https://github.com/AKS1st/dsh-cyber-particle