dsh-qq2006:把 DSH WebUI 變回 2006 年 QQ 客戶端

前言

DeepSeek Harness(DSH)的 Web 界面默認是現代化設計。若你想在本地開發或演示時換一套完全不同的視覺語境——不是簡單改幾個 CSS 變量,而是登錄窗、主面板、聊天窗口整條鏈路都回到 2006 年 QQ 的珊瑚藍風格——需要一套專門的皮膚插件,而不是手改宿主源碼。

下面介紹 LaplaceYoung 維護的 dsh-qq2006:它在 DSH 插件體系裏註冊 qq2006 主題,鏡像 body[data-ds-skin],並附帶全局皮膚表與完整素材。所有補丁錨定在 body[data-ds-skin='qq2006'] 下,切回默認皮膚時零污染。

這是什麼

dsh-qq2006 是 DSH 的 QQ2006 皮膚插件,維護者爲 LaplaceYoung,分類爲趣味換裝,GitHub 倉庫 23 stars。它把 DeepSeek Harness 的 WebUI 一鍵變回 2006 年 QQ 客戶端外觀:註冊珊瑚藍主題、鏡像 body[data-ds-skin]、全局皮膚表與組件級補丁,從登錄窗到聊天窗口全鏈路還原藍色小企鵝界面。皮膚可切換、可持久化,刷新或重啓後偏好保持。

素材來自 mengkunsoft/QQ2006,爲騰訊原版素材,僅供學習交流、請勿商用(出處見倉庫 assets/qq2006/README.txt)。

核心功能

主題註冊與零污染契約

插件註冊爲 DSH 外觀行第 4 個主題(QQ2006 皮膚)。啓用後通過 QQ2006_TOKENS 覆蓋珊瑚藍 --dsw-alias-* token,並把當前主題鏡像到 body[data-ds-skin]。所有視覺改動限定在該作用域內;隨時可切回默認皮膚,宿主默認樣式不受影響。

全局皮膚表

styles/qq2006.css 提供復古字體、滾動條樣式、九宮格窗口框工具類,以及 .qq-btn 三態按鈕樣式。npm 發行版安裝後即可獲得這一層能力。

組件級還原(需源碼方式)

完整效果還包括:

  1. QQ2006 登錄窗:九宮格窗口框、三態按鈕、記住密碼/自動登錄聯動、連接中動態點動畫。
  2. 主面板:50×50 藍描邊頭像與 6 個 mini 鈕、面板欄 10 鈕(27×37 原版底條格)、分組/好友行原版行高與 hover、右鍵菜單。
  3. 聊天窗口:標題欄 4 鈕(含 65×24 原版「菜單」文字鈕)、大工具欄 12 鈕、小工具欄 8 鈕,全部使用原版素材與原生尺寸。
  4. 列表式消息:自己綠色暱稱、對方深藍紫暱稱,附 HH:MM:SS 時間與黑色正文,宋體渲染。
  5. QQ 秀右側欄:對方形象、個人空間(真實會話統計)、我的形象,默認展開。
  6. 換膚 4 預設:經典藍、粉紅、薄荷綠、紫羅蘭,窗口內即時切換。
  7. 交互細節:Alt+S 發送、右鍵複製、hover 操作行(複製/引用/轉發)、提示音、QQ 黃色反饋 tip。

組件級皮膚改的是宿主 UI 包的源碼;npm 發行版爲預構建產物,無法通過插件機制注入上述組件效果,需走源碼 monorepo 方式。

安裝與啓用

方式一:npm 發行版(dsh plugin 安裝)

倉庫已包含預構建產物(lib/),可直接從 GitHub 安裝:

dsh plugin --profile web add https://github.com/LaplaceYoung/dsh-qq2006

啓用後獲得 qq2006 主題註冊(全 UI 珊瑚藍 token 換膚)與全局皮膚表(復古字體、滾動條、九宮格工具類、.qq-btn 三態鈕)。

方式二:源碼 monorepo(完整效果)

完整皮膚實現位於 fork 的 skin/qq2006 分支:

git clone https://github.com/LaplaceYoung/deepseek-harness.git
cd deepseek-harness
git checkout skin/qq2006
pnpm install
pnpm run build
node --import tsx/esm apps/cli/src/bin.ts web

打開 http://127.0.0.1:3080,進入設置 → 外觀 → QQ2006 皮膚

已有 DSH 源碼 checkout 的用戶,也可直接應用補丁:git apply patches/qq2006-skin.patch(基於上游 deepseek-ai/deepseek-harness master)。

兩種安裝方式的能力對比

能力 npm 發行版(方式一) 源碼 monorepo(方式二)
qq2006 主題 + 珊瑚藍 token 換膚
全局皮膚表(字體/滾動條/九宮格類)
登錄窗 / 主面板 / 聊天窗 chrome
原版列表式消息 / QQ 秀右欄 / 消息操作
素材(按鈕圖標/頭像/提示音)

後續計劃:待 DSH 官方提供客戶端插件的靜態資源與 UI 槽位機制後,把組件級皮膚完整遷入插件包,使發行版獲得全部效果。

典型用法

經過上面的安裝步驟後,在 Web UI 中切換皮膚即可:

  1. 啓動 DSH Web(方式一安裝後按常規流程啓動;方式二按上文 node --import tsx/esm apps/cli/src/bin.ts web 啓動)。
  2. 打開 http://127.0.0.1:3080
  3. 進入 設置 → 外觀 → QQ2006 皮膚
  4. 在聊天窗口內可切換 4 種預設配色(經典藍 / 粉紅 / 薄荷綠 / 紫羅蘭)。

開發或調試皮膚時,可參考倉庫 docs/qq2006-skin.md 的架構說明與按鈕映射清單;組件級補丁規則見 README.package.md——皮膚段只追加在組件自己的 .module.css 尾部,全部以 body[data-ds-skin='qq2006'] 爲祖先作用域。

適用場景與注意

適合誰

  • 想在 DSH 本地環境裏做懷舊演示或趣味換裝的開發者。
  • 需要研究 DSH 皮膚機制、主題 token 與 body[data-ds-skin] 鏡像契約的插件作者。
  • 希望在不污染默認 UI 的前提下,體驗完整 2006 QQ 界面鏈路的源碼集成者。

使用前注意

  1. 插件以當前 dsh 進程權限運行。安裝前應閱讀倉庫源碼與許可證,確認素材使用範圍。
  2. 素材版權:QQ2006 圖像與音效爲騰訊原版素材,插件代碼爲 MIT,素材僅供學習交流,請勿商用。
  3. 能力邊界:僅通過 dsh plugin add 安裝時,登錄窗、聊天窗 chrome、列表式消息、QQ 秀右欄等組件級效果不可用;需要完整體驗請走源碼 monorepo 或 git apply patches/qq2006-skin.patch
  4. 生態背景:DSH 理念是「一切皆插件」;SkillHub 目錄(laplaceyoung/dsh-qq2006)是社區站點,與 DeepSeek / 幻方無官方從屬關係。

結尾

dsh-qq2006 把 DSH WebUI 的皮膚層拆成可切換、可持久化的 QQ2006 主題:發行版快速獲得 token 換膚與全局樣式表,源碼方式則覆蓋從登錄到聊天的完整 2006 界面。若你正在做 DSH 插件或懷舊 UI 實驗,可以從 npm 安裝先驗證主題契約,再按需接入 monorepo 補丁。

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

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

小夜