DeepSeek Harness Plugin Hub

发布与管理完整 Harness Profiles，发现适合你的插件。

探索

插件目录环境预设文档中心动态

社区

发布插件联系我们报告问题

相关链接

Plugin Hub GitHubDeepSeek Harness 官方项目系统状态隐私说明
© 2026 DeepSeek Harness Plugin HubPowered byPaxTech

独立、非官方社区项目，与 DeepSeek 官方无隶属、授权或背书关系。

DeepSeek Harness Plugin Hub
ProfilesPlugins分类动态文档登录管理 Profiles
ProfilesPlugins分类动态文档登录
← Plugins
B

@asukaq01/dsh-background-image

Background Image

自定义 DeepSeek Harness Web UI 的背景图像，可调整不透明度和模糊度。

插件会安装到这里；不确定时保持 web。

npx -y @deepseek-ai/dsh plugin --profile web add github:ASUKAq01/dsh-background-image#e91e3a16daee71699f7626295f98e8ea21fa9a52
README兼容性版本

兼容性与来源证明

Background Image 以 @asukaq01/dsh-background-image 发布，当前版本为 1.0.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。

DSH 兼容范围
*
运行环境
web
发布来源
github
Registry 更新时间
2026/11/2

版本

1.0.0stable
2026/11/2

相关插件

正在加载相关插件…

最新版
1.0.0
DSH
*
HMR
重启进程
Tree shaking
未声明可安全裁剪
解包体积
未提供
文件数
未提供
Surface
web
许可证
MIT
发布源
github
GitHub
★ 1
周下载
0
最近提交
2026/11/2
查看源码 ↗
README Badge

点击下方 Badge 复制 Markdown，粘贴到 README 即可。

这是你的 Plugin？认领权益 · 优先安全扫描

验证 package.json 声明的 GitHub 仓库，即可管理这个公开页面。认领后，Hub 会优先安排当前版本的安全扫描，并在通过后公开展示结果。

认领这个 Plugin →
报告问题

相关插件

继续浏览 ui-customization 分类下经过校验的插件。

Web App@deepseek-ai/dsh-web-appdsh 浏览器界面捆绑包：位于 dsh-base 之上的 Web 补丁层，加上运行时粘合插件（提供前端 dist、Web 界面提示符、bash 运行时变量和 URL 行）Experimental Session Titles Bundle@deepseek-ai/dsh-experimental-session-titles-bundle新的用户提示到达时刷新会话标题。Personalized Recommendations@deepseek-ai/dsh-personalized-recommendations回答下方以卡片形式提供个性化页面和内置插件推荐Experimental Agent Team Web Profile@deepseek-ai/dsh-experimental-agent-team-web-profile用于 Agent Teams Remote 和 UI 插件的实验性 Web 配置层

README

Background Image icon

DSH Background Image

为 DeepSeek Harness Web GUI 添加自定义背景图的轻量客户端插件。
上传图片、调节不透明度与虚化，只改变外观，不移动任何宿主控件。

简体中文 · English

特性

  • 上传即用：支持选择或拖入 JPG / PNG / WebP / GIF，浏览器内自动缩放、重新编码。
  • 两个滑块：背景不透明度（0–100%）与虚化程度（0–40 px），拖动实时生效。
  • 主题自适应：浅色 / 深色主题分别叠加白色、#151517 的主题色薄纱；切换主题自动跟随。
  • 不改变布局：背景是 z-index: -1、pointer-events: none 的固定层，不参与布局，也不拦截点击。
  • 可读性优先：只让主画布、会话区和侧栏的底色透明；卡片、输入框、弹层继续使用不透明表面。
  • 本地存储：图片压缩后保存在当前浏览器的 localStorage，不上传、不发起任何网络请求。
  • 干净卸载：插件禁用或卸载时清理样式、CSS 变量、令牌覆盖与类名，界面恢复原样。
  • 双语界面：设置页随 Harness 的界面语言显示中文或英文。

安装

插件目前通过 GitHub 分发。需要 DeepSeek Harness >=0.1.7-rc.1 <0.3.0-0。

方式一：DSH 插件管理器

git clone https://github.com/ASUKAq01/dsh-background-image.git

在 Harness 中打开 设置 → 插件，通过添加/安装本地目录的入口选择克隆下来的 dsh-background-image 目录，启用后刷新一次页面。

方式二：dsh CLI

git clone https://github.com/ASUKAq01/dsh-background-image.git
dsh plugin --profile <profile> add ./dsh-background-image

把 <profile> 换成你正在使用的 profile（例如 desktop 或 web），然后重启或刷新 Harness。

npm

尚未发布到 npm。package.json 已按 @asukaq01/dsh-background-image 命名，发布后可以使用：

dsh plugin --profile <profile> add @asukaq01/dsh-background-image

使用

  1. 打开 设置 → 插件 → 背景图（也可以从插件列表中本插件的配置入口进入）。
  2. 点击「选择图片」，或把图片拖进预览框。
  3. 调整「背景不透明度」和「虚化程度」；关闭设置面板即可查看整窗效果。
  4. 「移除背景」删除本地图片并恢复宿主原始外观。

首次安装完成后需要刷新一次页面，浏览器才会加载新的客户端模块。

存储与隐私

  • 图片只保存在当前浏览器的 localStorage：
    • dsh.background-image.image.v1：压缩后的图片与尺寸；
    • dsh.background-image.settings.v1：不透明度与虚化值。
  • 图片在浏览器内缩放至最长边 2560 px 并优先编码为 WebP，以适配本地存储配额。
  • 插件不上传图片、不读取会话内容，也不发起任何网络请求。
  • 清除站点数据或在设置页点击「移除背景」会删除已保存的图片。

兼容性

  • DeepSeek Harness >=0.1.7-rc.1 <0.3.0-0
  • 使用客户端服务：ctx.slots、ctx.locale、ctx.theme.overrideTokens
  • 注册槽位：settings.plugins.tab、plugins.row.config
  • 无构建步骤，client.js 直接以 Harness 的模块格式加载

实现要点

  • 背景层是 html.dshbg-on body::before：position: fixed、inset: -180px、 z-index: -1、pointer-events: none；负 inset 为模糊边缘留出余量。
  • 通过 ctx.theme.overrideTokens 只覆盖两个颜色令牌： --dsw-alias-bg-base 与 --dsw-specific-sidebar-fill，把它们置为 transparent。 其它表面继续使用 --dsw-alias-bg-layer-*，因此文字和控件的可读性不受影响。
  • 不透明度映射到盖在照片上的主题色薄纱透明度；虚化作用于固定背景层本身。
  • 设置页与插件行配置页共享同一个存储与表单组件。
  • 所有样式、订阅与令牌覆盖都包在 ctx.effect 中，卸载时自动清理。

开发

无需打包或编译。把仓库目录安装到某个 profile 后，刷新页面即可看到改动。

node scripts/validate.mjs

校验脚本会检查：package.json 字段与导出路径、双语 locale、SVG 图标及其大小、 cordis.patch.yml 行声明，以及 index.js / client.js 的 JavaScript 语法。 GitHub Actions 在每次 push 和 pull request 时运行同一脚本。

目录结构

.
├── client.js               # 浏览器端全部实现（背景层 + 设置页）
├── index.js                # Host 端空实现（bundle 需要一个 Host 行）
├── cordis.patch.yml        # 插入 background-image 行
├── locale/
│   ├── en.json             # 插件管理器显示元数据（英文）
│   └── zh.json             # 插件管理器显示元数据（中文）
├── icon.svg                # 插件图标
├── scripts/validate.mjs    # 无依赖校验脚本
├── .github/workflows/      # CI
├── README.md / README.en.md
├── CHANGELOG.md
└── LICENSE

许可证

MIT © 2026 ASUKAq01

图标为随本仓库分发的原创作品，同样以 MIT 许可提供。