前言¶
在 DeepSeek Harness（DSH）裏，對話和 Skills 往往能產出單頁的 HTML 信息卡或多頁幻燈片。若只靠文件系統分散存放，後續閱讀、改源碼、按主題歸類和檢索都會變慢。常見做法是自建目錄或依靠筆記工具，但 HTML 的預覽、頁序整理和與對話側的聯動通常要另配腳本。
PageStudio 是 DSH 的客戶端插件，在本機維護一份 HTML 卡片資料庫，並在插件內完成導入、閱讀、編輯、分類與搜索；也可通過 DSH 對話調用內置 Skills 製作卡片、整理待歸類條目或按項目歸集。下面按安裝、日常使用與 AI 輔助說明可復現步驟。
這是什麼¶
PageStudio（倉庫 Linguage/pagestudio）由維護者 Linguage 發佈，在插件目錄中歸類爲客戶端。簡介表述爲：面向 DeepSeek Harness 的本地 HTML 卡片與幻燈片資料庫。
資料庫保存在本機；重新安裝插件後仍可沿用已有資料庫位置。當前 package.json 中版本爲 0.6.0，採用 MIT 許可證。運行環境要求 Node >=22.19，DSH >=0.2.2-rc.1 且 <0.3.0。
核心功能¶
導入與幻燈片¶
- 將 HTML 文件拖入插件，新卡片進入「待歸類」。
- 多頁幻燈片由 JSON 清單組織逐頁 HTML；可先用對話命令
/html-cards-normalize-deck整理頁序與版式，再導入爲一張卡片。
閱讀、編輯與導出¶
打開卡片後可瀏覽頁面、查看純文本、修改源碼或編輯摘要。README 說明：DSH 桌面版支持將頁面導出爲圖片。
分類、標籤與搜索¶
通過「管理分類」新建、重命名或刪除分類；可爲卡片加標籤，並按標題、正文或標籤搜索。
資料庫切換¶
在側欄底部打開「資料庫位置」，選擇已有資料庫或新建一個。
按項目整理（v0.6.0）¶
在資料庫導航切換到「項目」，按任務歸集卡片。打開項目後可直接導入或新建 HTML；已有卡片可在「編輯」中勾選一個或多個所屬項目。窄窗口下分類與項目目錄從底部展開。
也可在 DSH 對話中說明意圖，由 /html-cards-organize 查找相關卡片並加入指定項目；原有分類與標籤隨卡片保留。製作或導入卡片時也可指定項目。
內置 Skills¶
在 DSH 對話中輸入命令，並說明要處理的內容或文件：
| 命令 | 用途 |
|---|---|
/html-cards-create |
把當前對話、文章或 Markdown 做成 HTML 信息卡並存入資料庫。 |
/html-cards-import |
把已有 HTML 成果導入資料庫。 |
/html-cards-normalize-deck |
整理多頁 HTML 的頁序與版式，可按要求導入並逐頁預覽。 |
/html-cards-organize |
給待歸類卡片補分類、標籤和文件名；v0.6.0 起支持按任務歸集到項目。 |
安裝與啓用¶
官方 README 給出的步驟如下：
- 若已安裝舊版 PageStudio，先在 DSH 插件頁卸載舊版。
- 打開「插件 → 添加插件 → 安裝第三方插件」，輸入倉庫地址。
- 啓用後，從側欄打開 PageStudio。
安裝時填入的地址爲：
https://github.com/Linguage/pagestudio
DSH 會安裝最新發行版。也可從 GitHub Releases 下載安裝包，在同一界面填入本地路徑。
社區插件目錄頁：skillhub.cn/plugins/Linguage/pagestudio。該目錄爲社區站點，與 DeepSeek / 幻方無官方從屬關係；安裝前建議查閱源碼與許可證，並知悉插件隨當前 DSH 進程權限訪問本機文件。
典型用法¶
手動導入與歸類¶
拖入 HTML 後，在資料庫中打開卡片覈對內容與摘要，用「管理分類」建立結構，再給卡片打標籤以便搜索。
用對話製作併入庫¶
在對話中調用 /html-cards-create，說明來源（對話片段、文章或 Markdown），生成 HTML 信息卡並寫入當前資料庫。
AI 輔助整理單張卡片¶
打開「卡片摘要」，點「AI 生成整理建議」，在 DeepSeek Harness 對話側欄發送請求。建議（標題、分類、標籤、摘要）會回到卡片上，可直接採用或填入編輯區修改後保存。
AI 整理一批待歸類卡片¶
在資料庫點「AI 整理」，檢查或修改對話草稿後發送。AI 可從已有分類中選一項、補標籤，並按需要改文件名。
多頁幻燈片 pipeline¶
對分散的多頁 HTML 先執行 /html-cards-normalize-deck，確認頁序與版式後再導入資料庫，在閱讀窗口內逐頁瀏覽。
適用場景與注意¶
適合誰： 經常在 DSH 裏產出 HTML 卡片或幻燈片、希望在本機集中保管並與對話 Skills 聯動的開發者或寫作者。
權限與安全： 第三方 DSH 插件在本機運行，可讀寫你配置的資料庫路徑；安裝前應閱讀倉庫代碼與 MIT 許可，並只從上述官方倉庫或你信任的發行包安裝。
依賴說明： 閱讀器使用 Tailwind CSS、JSON5、Font Awesome Free、MathJax 等組件，具體版本與許可見倉庫內 vendor/SOURCES.md 與 README 致謝表。
結尾¶
PageStudio 把「生成 HTML」和「長期整理 HTML」放在同一套 DSH 客戶端裏：本地資料庫、分類/標籤/項目、四條 /html-cards-* 命令，以及與側欄對話結合的整理建議。需要進一步瞭解界面與發版信息時，可看 GitHub README 與 社區目錄頁。
