PageStudio:在 DeepSeek Harness 里管理本地 HTML 卡片与幻灯片

前言

在 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 给出的步骤如下:

  1. 若已安装旧版 PageStudio,先在 DSH 插件页卸载旧版。
  2. 打开「插件 → 添加插件 → 安装第三方插件」,输入仓库地址。
  3. 启用后,从侧栏打开 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 与 社区目录页。

羽毛球分组比赛记分
小程序二维码

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

小夜