新增共享 Preview Engine,统一 Web 连续预览、快速分页、Playwright PDF 与 Electron PDF;实现稳定前缀复用和修改位置后的增量分页,保留媒体块按文档顺序串行回填与单次重排。 完善跨端链接与桌面文档工作流:Web 受控处理锚点和 HTTP/HTTPS 外链;Desktop 支持本地路径、file URI、系统协议、多窗口、同文件单例、Markdown 当前或新窗口打开,以及聚焦时外部文件变化提示。 统一四套内置主题名称并默认使用 Typora Github;修复连续预览双滚动条、ECharts 尺寸、PDF 本地链接、围栏代码块 Typora DOM 与重复行内样式;桌面发行链强制完整重建内嵌 Web,避免安装包携带陈旧资源。 发布 Web/Compose 与 Windows NSIS/ZIP:镜像 yixiong/md-to-pdf:v0.5.0 已健康部署;NSIS SHA-256 为 60992D1FDCA513F46346C78478537EB4159D8C0E76B41ECF3CDC25BE77707D92,ZIP SHA-256 为 D74F82293FB67126E583546CBA894569EFC9A0B1B6343FAC648CCC95F1D188D8,本机安装版已升级至 v0.5.0。 验证:全项目 238 项测试通过,类型检查、生产构建和 git diff --check 通过;Web 快速/连续/精确预览、Compose、Desktop 多窗口、窗口状态、文件关联、链接与代码块均完成真实环境验收。
8.0 KiB
Markdown PDF 导出器
一个同时提供 Web 与 Windows 桌面端的 Markdown 排版、分页预览和 PDF
导出工具。预览与 PDF 复用同一份安全 HTML、#write DOM、主题 CSS 和
分页运行时,适合内网部署,也可以作为不依赖本地服务的桌面应用使用。
当前版本:v0.5.0。
v0.5.0 主要能力
- 新增“连续”预览模式:不分页、低测量开销,适合编辑时快速刷新;快速 预览继续提供分页近似,精确预览和导出 PDF 保持权威分页;
- 分页引擎从 Web 应用抽取为
@md-to-pdf/preview-engine,Web、 Playwright PDF 与 Electron PDF 直接复用同一运行时; - 快速预览支持按修改位置复用稳定前缀,只重新分页受影响的后缀;
- Web 链接只处理当前文档锚点和 HTTP/HTTPS 外链;外链在新浏览器窗口 打开,本地路径及不支持协议不执行导航;
- Desktop 支持 HTTP/HTTPS、系统协议、本地相对或绝对路径和
file:URI;Markdown 链接可选择在当前窗口或新窗口打开; - Desktop 支持多窗口和同一文件单例。窗口聚焦时检查磁盘文件变化,并 提示是否重新加载;
- 四个内置主题统一命名为 Typora Github、Typora Pixyll、 Typora whitey 和 Typora Clean,默认使用 Typora Github;
- 围栏代码块输出 Typora 兼容的
.md-fencesDOM,并避免内部<code>重复套用行内代码样式; - 桌面发行链会在每次打包前完整重建内嵌 Web 依赖,避免安装包携带陈旧 前端资源。
Web 与桌面端
| 能力 | Web / Docker | Windows Desktop |
|---|---|---|
| 新建 Markdown | 支持 | 支持 |
| 打开 Markdown | 浏览器文件选择 | 原生对话框、文件关联、第二实例转交 |
| 保存 Markdown | 浏览器下载 | 原生另存为 |
| 相对本地图片 | 默认不支持 | 以 Markdown 所在目录为安全边界 |
| 文档内锚点 | 当前预览定位 | 当前预览定位 |
| HTTP/HTTPS 链接 | 浏览器新窗口 | 系统默认浏览器 |
| 本地文件链接 | 不执行 | 相对、绝对路径及 file: URI 均可尝试打开 |
| 多文件 | 当前浏览器文档 | 多窗口、同一文件单例 |
| 外部文件变化 | 不适用 | 窗口聚焦时提示重新加载 |
| 远程图片 | 服务端受限下载并内嵌 | 应用服务受限下载并内嵌 |
| 自定义主题 | Compose 只读挂载目录 | “更多 → 打开自定义主题目录” |
| PDF 引擎 | 固定版本 Playwright Chromium | Electron 自带 Chromium |
Web 端不提供本地素材目录能力。需要包含本地相对资源的文档时,请使用 Desktop;Web 端可使用 Base64/Data URL 或受限公网图片。
渲染架构
flowchart LR
A["Markdown 与受限资源"] --> B["Renderer 安全渲染"]
B --> C["统一 #write HTML"]
D["主题 CSS 与导出配置"] --> C
C --> E["共享 Preview Engine"]
E --> F["连续预览"]
E --> G["快速分页预览"]
E --> H["Playwright Chromium"]
E --> I["Electron Chromium"]
H --> J["Web PDF"]
I --> K["Desktop PDF"]
连续预览适合高频编辑;快速预览提供客户端分页反馈;精确预览直接展示 服务端生成的 PDF,是 Web 最终分页的权威结果。桌面 PDF 复用相同分页 载荷和运行时。
项目目录
apps/
web/ React 编辑、设置、快速/精确预览与浏览器文件操作
server/ Fastify API、Playwright PDF 与容器运行入口
desktop/ Electron 主进程、IPC、原生文件和 Windows 打包
packages/
core/ 跨端文档、导出配置和主题协议
renderer/ Markdown 到安全 #write HTML 的渲染管线
application/ 共享渲染、主题注册和图片资源应用服务
markdown-echarts/ ECharts YAML 协议、验证与浏览器 SVG 运行时
preview-engine/ 连续预览、增量分页、媒体适配和 Paged.js 运行时
themes/ 内置主题与主题清单
deploy/ Dockerfile、Compose、Nginx 和部署文档
docs/ 项目进度与主题开发说明
scripts/ 主题导入等维护脚本
logos/ 应用图标源文件
.local/themes/ 本地开发和 Compose 自定义主题目录
包依赖保持单向:core 提供基础协议和链接分类;markdown-echarts
提供独立图表能力;renderer 消费两者生成安全 HTML;application
组合渲染器、主题和资源用例;preview-engine 消费渲染结果完成连续或
分页排版;三个 apps/* 只负责平台界面、传输、链接动作与 PDF 适配。
各包的目录和用法:
本地开发
要求 Node.js 22 或更高版本。
npm install
npm run dev
默认地址:
桌面端开发:
npm run desktop:dev
桌面端目录包和 Windows 安装包:
npm run desktop:package
npm run make -w @md-to-pdf/desktop
桌面 package 和 make 会先完整重建内嵌 Web 及全部共享依赖,不能
复用陈旧的 apps/web/dist。产物位于 apps/desktop/out/v0.5.0/。
正式安装包命名为 md-to-pdf-0.5.0-x86_64-Setup.exe,同时生成免安装 ZIP;当前发行包
未配置代码签名。
文档与媒体
Markdown 支持 Front Matter、表格、任务列表、脚注、highlight.js、 KaTeX、Mermaid 和安全的 ECharts YAML 围栏。
独立一行的  会生成带标题的图片块。分页引擎将图片、
Mermaid、ECharts 及其紧邻标题视为不可拆分媒体块,并按文档顺序串行
计算。图片的缩放基准是原图先收缩到内容限宽后的高度;需要回填上一页时
只缩放媒体内容,不缩放标题。这样可利用接近可容纳的页尾空白,同时避免
跨页、重复重排和后续媒体顺序变化。
ECharts 围栏语法、支持系列和安全边界详见 markdown-echarts 包文档。
主题
仓库内置 Typora Github、Typora Pixyll、Typora whitey 和
Typora Clean 四套主题,默认使用 Typora Github。主题由版本化
theme.json 清单、主体 CSS、可选基础 CSS、打印 CSS 和资源组成。
- 本地开发与 Compose:将主题目录放入
.local/themes/; - Desktop:从“更多 → 打开自定义主题目录”打开实际安装目录,再放入主题;
- 主题格式、安全限制和资源引用详见主题开发指南。
Compose 会把 .local/themes 只读挂载到容器。Typora 主题导入脚本只用于
刷新本地开发副本:
npm run theme:import-typora
Docker Compose 部署
docker compose -f deploy\compose.yaml up --build -d
默认访问 http://localhost:8080。端口、镜像、主题挂载、PDF 并发和超时 配置详见 AIO 容器部署说明。
验证
npm test
npm run typecheck
npm run build
git diff --check
涉及分页或 PDF 的改动还应使用包含中文、长表格、代码、公式、图片、 Mermaid、ECharts 和分页边界的示例完成 Web、Compose 与 Desktop 端到端 验证,并检查 PDF 页面渲染结果。
安全与隐私
- 不建立 Markdown、图片或 PDF 历史数据库;
- 文档和资源只在当前请求或当前桌面会话中处理;
- Markdown 原始 HTML 不执行,输出经过白名单过滤;
- Mermaid 使用严格安全模式,ECharts 只接受受限纯数据 YAML;
- 本地资源阻止路径穿越和符号链接越界;
- 远程资源阻止内网地址,并限制数量、单文件大小、总大小和超时;
- PDF 页面阻止未授权外部网络访问。
当前实现与交接状态详见 docs/PROGRESS.md。