DSH Plugins
返回列表
🖥️

dsh-aurora-bg

客户端 更新于 2026.08.25

在终端中运行以下命令:

dsh plugin install KUNTING0701/dsh-aurora-bg

将以下提示词粘贴到 DeepSeek Harness 对话框中:

在 DeepSeek Harness 中执行 dsh plugin install KUNTING0701/dsh-aurora-bg 即可安装(源码仓库:https://github.com/KUNTING0701/dsh-aurora-bg),安装后重启 dsh web 即自动生效。

插件介绍

DSH Web UI 的默认背景往往是一块素色画布,长时间使用容易让界面显得平淡、缺乏空间感。dsh-aurora-bg 用六层独立动画背景解决这个问题:深蓝流体底色上叠加远/近双层网格视差、蓝紫光斑、金色反转流层、顶部暖光与细密快转层,各层以不同转速和方向公转漂移,营造出 DeepSeek 官网同款「流体涌动」的纵深氛围。鼠标移动时,双层网格以不同视差系数产生立体景深,无需任何 3D 引擎。

插件最吸睛的部分是点阵鲸鱼——它基于官网 hero-whale 的 SVG path 采样出 60×60 亮度图内部粒子,加载时粒子从散落状态缓动凝聚成鲸鱼轮廓,随后尾部以传播波浪缓慢摆动、中心向外扩散环形波纹。鼠标靠近时粒子被三次衰减斥力推开并沿噪声角绕行,3D 光照强度随光源距离在 0.28× 到 2.79× 之间连续变化,光源实时跟随光标,还原了官网的交互质感。

整个插件仅用 CSS transform 与 SVG 粒子驱动,不依赖 WebGL、不运行持续 Canvas 循环、不使用 mask 或 blur 滤镜,资源占用极低,在低配设备与老旧浏览器上也能稳定运行。所有颜色、网格密度、各层转速、漂移幅度、视差系数和鲸鱼动态参数都集中在 lib/client.js 顶部常量与 anim 数组中,改几个数字就能定制自己的极光配色和鲸鱼位置,适合希望零成本美化 DSH 界面、又不想引入重型渲染栈的开发者。

使用场景

  • 给 DSH Web UI 换一套有层次感的动态极光背景
  • 在本地开发环境中快速预览 DeepSeek 官网风格的视觉氛围
  • 低配设备上运行不卡顿的纯 CSS 背景动画

适合人员

  • 希望美化 DSH 界面但不想引入 WebGL 的开发者
  • 追求低资源占用与跨浏览器兼容的前端使用者
  • 喜欢调参定制颜色、转速和鲸鱼位置的极客