品牌标识替换dawsondx/dsh-custom-logo

上传两张图，换掉 DeepSeek Harness 整套品牌标识

English · 简体中文

给 DeepSeek Harness（dsh）换上你自己的品牌：安装后在设置弹窗里多一个「品牌设置」分区（与「通用 / 模型 / 插件」并列），选一张方形图、一张横向宽图，插件自动裁切缩放并替换 favicon 与侧边栏 Logo——免切图、免重启、升级不丢。

两张图，三处生效

- 浏览器标签页 — 方形图居中裁切为 favicon，收藏夹图标同步更新
- 展开侧边栏 — 横向宽图等比缩放，以 42px 高度替换原生文字标
- 折叠窄栏 — 方形图缩为 36px 圆形图标

图片处理全部在浏览器端完成，上传后页面自动刷新生效，不需要重启服务，也不需要手动准备任何尺寸的切图。

安装

方式一：从 npm 安装（推荐）

dsh plugin --profile web add dsh-custom-logo

方式二：直接从 GitHub 添加

dsh plugin --profile web add github:dawsondx/dsh-custom-logo

方式三：clone 后安装（审阅源码 / 参与贡献）

git clone https://github.com/dawsondx/dsh-custom-logo.git
dsh plugin --profile web add ./dsh-custom-logo

安装后重启 dsh（dsh start --profile web 或你的启动脚本），设置弹窗即出现「品牌设置」分区。

使用

1. 打开设置弹窗，在左侧导航选择「品牌设置」
2. 「网页图标」卡片 → 选择图片 → 自动处理并刷新
3. 「侧边栏 Logo」卡片 → 选择图片 → 自动处理并刷新
4. 不满意随时重传；想回原版点「恢复默认」

两张卡片的当前图会以缩略图预览；面板支持中英文，跟随 dsh 界面语言。

工作原理

- 客户端把选中的图片用 canvas 缩放为标准 PNG（方形 256×256 居中裁切；宽图 ≤1080×126 等比），POST 到本机 dsh 服务
- 服务端写入 /branding/（logo-128.png / logo-64.png / logo-wide.png），原子落盘
- 每次 index 请求时动态注入：favicon  重写 + CSS 隐藏原生 SVG（按稳定的 viewBox 属性匹配，不受构建哈希/类名顺序影响）、以背景图绘制自定义 Logo，URL 带 ?v= 自动破缓存
- 图片保存在 dsh 用户目录而非插件包内，插件升级不丢品牌图；dsh 升级也不覆盖本插件（patch 层挂载在用户 profile）

安全性

- 上传/重置接口仅接受 loopback 来源（校验 peer socket 地址，非可伪造的 Host 头），局域网访问者无法改你的品牌图
- 仅接受 PNG（魔数校验），单次上传上限 8MB，文件名白名单，不接受任意路径写入

常见问题

上传后没变化？ 硬刷新一次（Ctrl+Shift+R）。注入 URL 已带版本号，一般普通刷新即可。

宽图比例多少合适？ 侧边栏品牌区高 42px，3:1（如 126×42、540×180）最饱满；更宽的图会按高度等比缩窄，不会变形。

折叠窄栏的图标好小？ 窄栏是 36px 圆形位，方形图会被缩到这个尺寸，建议主体图形不要太贴边。

怎么卸载？ dsh plugin --profile web remove dsh-custom-logo，再删掉 ~/.dsh/branding/ 下的 logo-*.png 即完全还原。

升级 dsh 后还生效吗？ 插件通过用户 profile 的 patch 层挂载，dsh 自身升级不覆盖；CSS 锚点使用稳定属性，小版本 UI 更新通常无需跟进。若 dsh 大改版重画了品牌区，欢迎提 issue。

开发

git clone https://github.com/dawsondx/dsh-custom-logo.git
cd dsh-custom-logo
npm run check   # 语法检查 lib/index.js 与 lib/client.js

无构建步骤：lib/index.js（服务端，ESM）与 lib/client.js（浏览器，手写 __ModuleLoader__ bundle）均为单文件、零第三方依赖。

致谢
- 灵感与交互模式参考 dsh-token-data 的侧边栏面板实现

许可证

MIT