根据实际运行环境构建正确输出。

使用项目定义的脚本。直接打开文件时使用 offline.html;portable 或 dist 必须通过 HTTP;PDF 和 PPTX 是静态导出。

安装依赖并检查可编辑项目

从项目目录运行命令,并优先使用项目已经定义的包管理器和脚本。

安装依赖

项目中有指定包管理器和 Lockfile 时,按项目约定执行。

npm install

启动开发演示

打开终端输出的本地地址,在真实浏览器中检查当前源项目。

npm run dev

检查常规生产构建

导出前先解决缺失导入、素材、字体或运行时错误。

npm run build

构建单文件离线演示

offline.html 是可移动的交互输出,可以单独复制,并通过 file:// 直接打开。

生成当前离线文件

源文件、样式、字体、图像或媒体最终变化后,再运行本命令。

npm run build:offline

打开复制后的文件

把 offline.html 复制到另一个位置,再用当前 Chromium 浏览器打开该副本,验证直接文件播放。

open ./offline.html

通过 HTTP 提供 portable 和 dist 目录

portable/ 和 dist/ 是 Web 目录。保持所有生成文件完整,并使用静态 HTTP 服务器或托管服务。

生成兼容静态 HTTP 的版本

完整目录将通过 HTTP 托管或提供服务时,使用这一输出。

npm run build:portable

在本地启动静态服务

打开终端输出的 localhost 地址。不能通过双击 portable/index.html 或 dist/index.html 运行。

python3 -m http.server 4173 --directory portable

导出静态审阅副本

PDF 和 PPTX 保存渲染后的页面,不包含可编辑 Slidev 源文件或交互运行时。

PDF 和 PPTX 保存渲染后的页面,不包含可编辑 Slidev 源文件或交互运行时。
输出示例命令行为
PDFnpm run export用于审阅、打印和分享的静态页面;不保留 Slidev 交互
PPTX 兼容副本npm run export -- --format pptx页面内容图像化;不能原生编辑文字,也不保留 Slidev 交互

验证真正要交付的输出

命令成功只是开始;还要打开真实文件或托管输出,检查代表性状态。

  • 确认输出是最新的

    最终相关源文件修改后重新构建,并确认输出时间和路径属于当前项目。

  • 测试复制后的 offline.html

    在无法访问非本地网络时,通过 file:// 打开副本;检查第一页、Hash 直达、键盘翻页、本地素材、交互和控制台。

  • 通过 HTTP 测试目录输出

    从真实托管路径检查首次加载、直达地址、素材、刷新、交互和浏览器控制台。

  • 检查 PDF 或 PPTX 页面

    在真实导出文件中检查页数、裁切、字体、公式、图表、Logo、来源和溢出。

  • 报告剩余限制

    说明哪些交互仍需要 Web 版本,以及所有占位符、缺失素材或未验证状态。