dsh-live2d-theme:爲 DSH Web GUI 換膚並掛載 Live2D 看板娘

前言

DeepSeek Harness(DSH)的 Web 界面默認是功能向的樣式:對話區、側邊欄夠用,但背景與視覺層次往往比較平。若你長期在 desktop profile 裏調試智能體,會希望在不改核心代碼的前提下,統一主色、背景圖,並在界面一角放一個可交互的 Live2D 角色——而不是自己 fork 前端或依賴外網 CDN 拉模型。

下面介紹社區插件 dsh-live2d-theme(維護者 suwenner,GitHub 倉庫 suwenner/dsh-live2d-theme,目錄分類爲「趣味換裝」)。它把背景主題與 Q 版看板娘打包進插件,運行時、默認模型和背景都在包內 assets/,裝好即可用。

這是什麼

dsh-live2d-theme 是面向 DSH Web GUI 的美化 / 皮膚類插件:支持替換 Live2D 模型、更換背景圖與主題色、調整面板透明度等。宿主側通過 lib/index.mjs 提供靜態資源與配置接口,瀏覽器側由 client.js 注入主題 CSS、Live2D 渲染與可視化設置面板。插件在 package.json 中聲明 dshTarget 爲 0.2.1-rc.2,依賴 @deepseek-ai/cordis ^4.0.1,Node >= 18。

核心功能

背景與主題

  • 可配置主強調色(鏈接、高亮、焦點環)、文字相關配色,以及深 / 淺兩套徑向漸變(無背景圖時的回退)。
  • 支持背景圖;面板採用半透明毛玻璃效果,側邊欄與對話區可透出背景。
  • 字段包括 accent、backgroundImage、backgroundOpacity、gradientDark、gradientLight 等,默認值寫在包內 assets/config.json。

Live2D 看板娘

  • 內置 Q 版模型 HK416、Pio(Cubism 2,路徑形如 /dsh-live2d-theme/models/HK416/model.json)。
  • 支持眼神跟隨、點擊隨機動作、拖動位置、縮放尺寸、隱藏 / 顯示、在面板中切換模型。
  • Cubism 4 模型(目錄內存在 *.model3.json)也可識別;插件啓動時會加載 Cubism Core,2 / 4 均可使用。

自包含與註冊

  • PIXI、Live2D 運行時、模型與默認背景位於 assets/,不依賴外網 CDN。
  • cordis.patch.yml 在 bundle 層自注冊,即使 profile 的 cordis.patch.yml 被重寫,也不易丟失插件註冊。

可視化設置面板

看板娘區域右上角提供快捷操作:⚙ 打開設置(實時改配色、背景、尺寸、模型,保存寫回配置);✥ 拖動位置;🙈 隱藏 / 顯示。面板內可上傳本地圖片作爲背景,保存時通過宿主 POST /dsh-live2d-theme/config 寫入 live2\config.json,重啓後仍保留;恢復默認 回到包內內置值。模型列表由 GET /dsh-live2d-theme/models 掃描 live2\models\ 目錄得到。

安裝與啓用

方式一:插件管理器(推薦)

在已配置 DSH CLI 的環境下,對 desktop profile 執行:

dsh plugin --profile desktop add github:suwenner/dsh-live2d-theme

也可在 DSH 的「插件」頁面通過插件市場或從倉庫安裝。

方式二:手動放進 profile

  1. 將插件目錄放到 $DSH_HOME/plugins/dsh-live2d-theme/;
  2. 在 $DSH_HOME/profiles/desktop/package.json 的 dependencies 增加 "dsh-live2d-theme": "file:../../plugins/dsh-live2d-theme",並在 dsh.profile.bundles 中加入 "dsh-live2d-theme";
  3. 在 profile 目錄執行 pnpm install,然後重啓 DSH。

典型用法

用面板改外觀(推薦)

安裝並刷新 Web GUI 後,點擊看板娘旁的 ⚙,調整主色、背景透明度、背景圖、看板娘寬高與顯示狀態,點擊 保存 持久化。需要換模型時,在「看板娘模型」下拉框選擇 HK416 或 Pio,或點 ⟳ 重新掃描新放入的模型目錄。

手動編輯 config.json

改完保存後刷新頁面即可生效(無需重啓應用)。示例結構如下(字段含義以 README 爲準):

{
  "accent": "#7c5cff",
  "backgroundImage": "/dsh-live2d-theme/background/bg.jpg",
  "backgroundOpacity": 0.55,
  "gradientDark": "radial-gradient(...)",
  "gradientLight": "radial-gradient(...)",
  "modelUrl": "/dsh-live2d-theme/models/HK416/model.json",
  "modelWidth": 260,
  "modelHeight": 300,
  "marginRight": 18,
  "marginBottom": 10,
  "visible": true
}

換背景圖時,可將圖片放到 live2\background\bg.jpg,或修改 backgroundImage 指向其他路徑;若文件不存在,會自動回退到漸變背景。

添加自定義模型

將完整模型目錄放入 live2\models\<名字>\(含 model.json 或 *.model3.json),在設置面板點 ⟳ 刷新列表。README 提到可從 hacxy/l2d-models 獲取模型資源;使用前請遵守各模型與 assets/README.md 中的許可說明。

適用場景與注意

適合誰:使用 DSH desktop Web GUI、希望在本地環境快速換膚並保留可交互看板孃的用戶;分類上屬於「趣味換裝」,不改變 Harness 核心推理邏輯。

權限與安全:插件與當前 DSH 進程同權運行,會提供配置讀寫與背景上傳等接口。安裝前建議閱讀 GitHub 源碼 與 MIT 許可證,確認符合你的環境策略。社區插件目錄 skillhub.cn 獨立於 DeepSeek / 幻方,並非官方應用商店。

卸載:刪除 profile 中手動添加的依賴與 bundle 項並重啓,或直接刪除 $DSH_HOME/plugins/dsh-live2d-theme 目錄即可回滾。

結尾

dsh-live2d-theme 把背景主題與 Live2D 看板娘收斂到一個可安裝的 DSH 插件裏,默認資源自包含,並可通過 ⚙ 面板或 config.json 持續調整。進一步瞭解與安裝入口:

  • 目錄頁:https://www.skillhub.cn/plugins/suwenner/dsh-live2d-theme
  • GitHub:https://github.com/suwenner/dsh-live2d-theme
羽毛球分组比赛记分
小程序二维码

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

小夜