前言¶
DeepSeek Harness（DSH）的 Web 界面默認提供淺色、深色和跟隨系統三種主題，但背景仍是純色表面。如果你希望在不改動官方佈局的前提下，給側欄、標題欄、正文區和輸入區加上壁紙與玻璃質感，就需要一層獨立的皮膚插件。
dsh-liquid-glass 正是爲此設計的 DSH Web 皮膚：在官方主題之上疊加壁紙，並可選啓用液態玻璃材質。下面介紹它的定位、功能與安裝用法。
這是什麼¶
dsh-liquid-glass 由維護者 xingyingyuzhui 發佈，歸類爲「趣味換裝」。插件在 DSH 官方淺色 / 深色 / 跟隨系統主題之上，增加壁紙層和可選的液態玻璃島效果，不替換官方几何與滾動行爲。
對照基線爲 DeepSeek Harness 提交 47f943859bef60e4160492346772ded9b24f765a。當前版本 0.12.82，採用 MIT 許可證。
核心功能¶
壁紙¶
- 預設：冰原（淺色）、深水（深色）
- 自定義：可導入自己的圖片
- 透明度：滑桿只調整壁紙本身，不會把整張界面糊掉
液態玻璃¶
- 玻璃模糊（Glass blur）：僅對每個玻璃島背後那一層做 backdrop blur，壁紙保持清晰
- 液態玻璃開關（Liquid Glass）：關閉後恢復官方表面材質，壁紙可單獨保留
- 不搶官方几何：會話滾動仍由
data-conversation-scroll管理，輸入區 sticky 行爲不變
技術實現¶
插件分 Host 與 Client 兩面：
| 面 | 文件 | 說明 |
|---|---|---|
| Host | host.js |
託管冰原 / 深水 JPEG，哈希 URL 一年 immutable，legacy URL no-cache |
| Client | client.js |
__ModuleLoader__ bundle，包含設置行、壁紙層與玻璃島 CSS |
CSS 只掛在 body[data-dsh-liquid-glass] 下，模糊僅發生在各島 ::before，不作用於壁紙、body 或官方滾動容器。舊的「壁紙模糊」存儲鍵不再讀取，也不會自動遷移爲新的玻璃模糊。
安裝與啓用¶
前置條件：本機已安裝 DSH，且 dsh web 可正常運行。
1、執行安裝命令：
dsh plugin --profile web add github:xingyingyuzhui/dsh-liquid-glass
2、重啓 DSH：
dsh web
3、打開 設置 → 通用 → Liquid Glass，按需調整壁紙與玻璃效果。
典型用法¶
安裝並重啓後，在設置頁的 Liquid Glass 區域可看到三個控件：
| 控件 | 作用 |
|---|---|
| Wallpaper | 選擇預設或導入自定義壁紙；滑桿調整壁紙透明度 |
| Glass blur | 控制每個玻璃島背後的 backdrop blur，壁紙不受影響 |
| Liquid Glass | 開/關材質；關閉後恢復官方表面，壁紙可單獨保留 |
適用場景與注意¶
適合誰
- 日常使用 DSH Web UI，希望在官方主題基礎上增加壁紙與玻璃質感
- 需要保留官方佈局與滾動行爲，只改視覺層
注意事項
- 插件隨當前
dsh進程權限運行，安裝前應檢查 GitHub 源碼 與 MIT 許可證 - 開發環境要求 Node.js
>=20；修改src/client/後需執行npm run build重新生成client.js，不要手改生成物 - 卸載命令：
dsh plugin --profile web remove dsh-liquid-glass
執行後重啓 dsh web 即可。
結尾¶
dsh-liquid-glass 在 DSH 官方主題之上提供壁紙與可選液態玻璃疊加，改動集中在視覺層，不干擾會話滾動與輸入區行爲。如需安裝或查看預覽圖，可訪問 SkillHub 目錄頁 或 GitHub 倉庫。
