前言¶
DeepSeek Harness(DSH)採用插件化架構,允許用戶通過擴展點定製界面。本插件通過擴展點實現,將 DSH 的默認界面重構爲微信 Windows 電腦版的外觀風格,保留核心功能入口,僅調整視覺呈現。
插件概覽¶
- 插件名稱:dsh-wechat-skin
- 作者:licheng-ma
- 類別:趣味換裝
- 許可證:MIT
- 核心價值:提供微信風格的淺色主題,包括左側窄條、會話列表、消息氣泡、頭像池和可拖拽輸入框。
安裝與啓用¶
安裝後需要重啓 DSH Desktop,皮膚默認自動生效。
# 安裝插件
dsh plugin --profile desktop add -w /path/to/dsh-wechat-skin
# 重啓 DSH Desktop
重啓後,進入設置頁的「通用」選項,即可找到「微信皮膚」開關進行啓用或停用。
核心功能¶
最左側功能窄條¶
左側保留 56px 灰色圖標欄。
* 頂部爲用戶頭像(支持上傳)。
* 下方最多顯示 6 個功能圖標(灰色線條 SVG)。
會話列表¶
- 背景:
#E6E6E8。 - 選中態:實心綠
#15AC70,白字。 - 佈局:兩行式,第一行爲標題,第二行爲副標題(記錄打開過的會話的最後一條消息)。
- 頭像:40px 圓角方形頭像。
消息氣泡¶
- 你的消息:右側淺綠氣泡
#95EC69。 - AI 回覆:左側白色氣泡。
- 樣式:8px 圓角 + 微信式小尾巴。氣泡頂邊與頭像頂邊齊平。
消息頭像¶
- 你(右側):顯示上傳的頭像或默認頭像。
- AI(左側):顯示當前會話在側欄的頭像。
字體與輸入框¶
- 字體:微軟雅黑(微信 Windows 默認)。支持 5 檔字號調整。
- 輸入框:白色通欄,圓角,四邊
#E0E0E0邊框。支持上下拖拽調整高度,高度變化持久化。右下角矩形發送按鈕,空輸入時爲灰色,有內容時爲微信綠。
頭像生成與上傳¶
- 默認頭像:自動生成彩色首字母頭像。
- 真實人像:可運行腳本下載 100 張真實人像(80 女 / 20 男)。
- 上傳:支持上傳本地圖片(自動壓縮至 128px),同步更新窄條、消息和側欄頭像。
深淺色模式¶
- 皮膚僅淺色模式生效。
- 當系統進入深色模式時,自動回退至 DSH 官方外觀。
自定義與配置¶
自定義樣式¶
修改 CSS 後需重新構建並刷新頁面。
# 1. 編輯 src/wechat-skin.css
# 2. 重新構建
node scripts/build.cjs
# 3. 刷新 DSH 頁面(Ctrl+F5)
生成頭像池¶
如需使用真實人像而非首字母頭像:
node scripts/download-avatars.cjs
注意事項¶
- 純外觀改造:插件不刪除或移動任何功能入口。富內容(代碼塊、附件等)樣式會被弱化爲微信式灰條。
- 設置深鏈:點擊左側窄條的功能圖標可嘗試打開設置頁並定位到對應分區(DSH 無完整分區深鏈 API,部分定位可能僅停留在設置頁)。
- 側邊欄自動收起:當窗口寬度小於 1024px 時,DSH 自身會自動收起側邊欄,皮膚無法覆蓋此行爲。
- 副標題限制:副標題僅記錄用戶「打開過」的會話的最後一條消息,未打開過的會話無副標題。
結語¶
dsh-wechat-skin 是一個專注於視覺還原的 DSH 插件,適合希望在使用 DSH 進行開發或對話時獲得更熟悉界面體驗的用戶。項目源碼託管在 GitHub,遵循 MIT 協議。