前言¶

DeepSeek Harness (DSH) Web GUI 默認的 Markdown 渲染樣式與 CSDN 博文頁存在差異。在 DSH 中打開從 CSDN 複製的筆記，標題層級、引用塊、表格或行內代碼的樣式往往無法對齊，閱讀體驗會有割裂感。

dsh-csdn-theme 插件將 CSDN 博文的配色方案與正文排版遷移到 DSH Web GUI，還原品牌色與段落間距等細節。

這是什麼¶

CSDN 博文的配色與正文排版主題插件，用於 DeepSeek Harness Web GUI。

• 維護者: d0ublecl1ck
• 許可證: MIT
• 核心實現: 雙層樣式覆蓋（token 覆蓋層 + 元素級樣式表層），在瀏覽器端運行，不依賴構建步驟。

核心功能¶

1. 雙層樣式覆蓋: 通過 token 覆蓋 --dsw-alias-*、Markdown 排版與代碼高亮變量，再通過追加 <style> 標籤補全引用塊邊框、表格網格等細節。
2. 雙主題支持: 提供淺色與深色兩套配色，深色側按語義調整，非 CSDN 官方換膚。
3. 排版還原:
   - 品牌色：CSDN 品牌色 #fc5531。
   - 行內代碼：粉底紅字（#c7254e on #f9f2f4）。
   - 引用塊：左側 8px 灰色粗邊，背景 #eef0f4。
   - 表格：實線網格，表頭底色 #eff3f5，斑馬紋。
4. 語法高亮: 使用 Atom One Light / Dark。
5. 零依賴: 無運行時依賴、無構建步驟。

安裝與啓用¶

在終端執行以下命令安裝插件：

dsh plugin --profile web add dsh-csdn-theme

安裝完成後，重啓 dsh web 進程或在 DSH Desktop 中刷新頁面即可生效。

典型用法與驗證¶

啓用後，檢查以下三點確認生效：
1. 行內代碼呈現爲粉底紅字（#c7254e on #f9f2f4）。
2. 引用塊左側有一條 8px 的灰色粗邊。
3. 表格呈現爲實線網格，表頭帶有淺色底。

在瀏覽器控制台執行以下命令，若返回元素則表示樣式層已注入：

document.querySelector('style[data-plugin="dsh-csdn-theme"]')

適用場景與注意¶

• 適用場景: 希望在 DSH 中閱讀或編輯從 CSDN 複製的 Markdown 筆記，保持與 CSDN 網頁一致的視覺體驗。
• 注意:
• 本插件僅做視覺覆蓋，不改 DOM 結構、不註冊設置項、不髮網絡請求。
• compact 變體（如工具輸出等小字號區域）不覆蓋樣式。
• u 與 kbd 規則針對真實的 <u> / <kbd> HTML 元素，對話正文通常不會觸發。
• 深色側是按語義調出的深色值，非 CSDN 官方換膚。

結語¶

dsh-csdn-theme 通過雙層樣式覆蓋方案，在不改變宿主邏輯的前提下，還原了 CSDN 博文的排版細節，適合需要保持閱讀一致性的開發者。

• GitHub: https://github.com/d0ublecl1ck/dsh-csdn-theme