首页/新闻资讯/正文详情

一个 Markdown 文件做出幻灯片:Marp for VS Code 安装、预览与导出指南

发布时间:2026/11/4 6:12:23 来源:云帆数科 栏目:资讯中心
一个 Markdown 文件做出幻灯片:Marp for VS Code 安装、预览与导出指南
一个 Markdown 文件做出幻灯片Marp for VS Code 安装、预览与导出指南【免费下载链接】marpThe entrance repository of Markdown presentation ecosystem项目地址: https://gitcode.com/gh_mirrors/mar/marpMarp 是一套基于 Markdown 的演示文稿工具Marp for VS Code 是它的官方 VS Code 插件把普通的 Markdown 预览变成可以放映的幻灯片。它适合经常在 VS Code 里写文档、又想少切几个窗口做技术分享或答辩演示的你写文本、看效果、导出成品都在同一个窗口完成。三分钟跑通装好插件并打开实时预览三种安装方式扩展市场按CtrlShiftXMac 为CmdShiftX打开扩展面板搜索Marp for VS Code点安装等它激活即可。命令行code --install-extension marp-team.marp-vscode源码开发版git clone https://gitcode.com/gh_mirrors/mar/marp cd marp npm install npm run build code --install-extension ./packages/marp-vscode/*.vsix装好后打开设置Ctrl,/Cmd,先确认几个常用项markdown.marp.theme默认主题可选default/gaia/uncover、markdown.marp.enableHtml是否允许 HTML 标签、markdown.marp.exportType默认导出格式。这几项不改也能用知道在哪改即可。打开实时预览看到第一张幻灯片新建一个.md文件在开头写入 front-matter--- marp: true --- # 第一张幻灯片 正文写在这里marp: true是开关告诉 VS Code 这个文件按 Marp 处理。接着按CtrlK VMacCmdK V打开分屏预览左边打字、右边翻页改动会立刻反映到幻灯片上 。为什么值得换指令系统、Markdown 即幻灯片与双向同步Marp 把写 Markdown和做幻灯片合成同一件事省掉了编辑器与 PPT 软件之间的来回切换。旧流程用 Marp 之后编辑器和演示软件来回切一个 VS Code 窗口搞定手动调格式、排样式Markdown 语法自动排版纯文本难留痕改一版git diff就能看到差异Markdown 即幻灯片你熟悉的 Markdown 直接就是幻灯片#标题当页面主题---分隔线就是换页代码块、表格、图片照常可用。周会做技术分享一个.md文件把代码示例写完就能导出论文答辩时纯文本便于修改和留版本改动一目了然。指令系统自动补全与诊断Marp 用指令控制主题、页码、页眉页脚写在 front-matter 或 HTML 注释里!-- theme: uncover paginate: true footer: 论文答辩 --插件对指令有完整的智能支持 在指令区按CtrlSpace触发自动补全光标悬停显示该指令的说明拼错的指令名、写错的theme值会直接进问题面板报警不用再靠肉眼排查。双向同步编辑区与预览区滚动位置自动对齐预览可缩放深浅色跟随 VS Code 主题切换。你改到哪一页右边就翻到哪一页不用手动刷新。导出与发布一键输出 PDF、HTML、PPTX 和图片从命令面板导出命令面板CtrlShiftP/CmdShiftP运行Marp: Export Slide Deck即可导出下列格式点一下就有不用记命令格式适合场景PDF正式放映与打印HTML网页分享、在线演示PPTX交给同事用 PowerPoint 继续编辑PNG / JPEG单页截图常用导出参数要更细的控制就用 Marp CLI# 自定义主题、加页码与备注导出 PDF marp --theme custom.css --pdf --slide-number --notes deck.md # 压缩输出体积 marp --pdf --compress deck.md没装全局命令时可用npx marp-team/marp-clilatest deck.md直接跑一次。进阶与避坑自定义主题、工作区信任、Git 协作与常见问题自定义主题写一个custom-theme.css用 CSS 覆盖颜色、标题、代码块样式然后在设置里挂上markdown.marp.themes: [./custom-theme.css]工作区信任未受信任的工作区会被限制导出命令、工作区自定义主题markdown.marp.themes、HTML 标签markdown.marp.enableHtml都不生效只保留基础预览与指令支持。需要这些功能时通过文件 管理工作区信任把当前目录设为可信。Git 协作幻灯片是纯文本天然好做版本管理git diff差异清晰、可并行编辑、历史完整配合 Pull Request 评审流程很顺。常见问题速查现象可能原因处理预览卡顿页数过多拆成多个文件导出 PDF 失败资源路径解析不到加--allow-local-files主题不生效路径写错用绝对路径或工作区相对路径后续规划团队还在推进的有带幻灯片缩略图的侧边栏、右下角播放按钮、基于 Live Share 的多人协作等让从其他工具迁移更顺。更多细节可以看 Marp for VS Code 文档、Marp 指令参考 与 安装指南。【免费下载链接】marpThe entrance repository of Markdown presentation ecosystem项目地址: https://gitcode.com/gh_mirrors/mar/marp创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关推荐

Hermes Agent:智能GitHub自动化工作流,提升开发团队效率70%的最佳实践
Hermes Agent:智能GitHub自动化工作流,提升开发团队效率70%的最佳实践

Hermes Agent:智能GitHub自动化工作流,提升开发团队效率70%的最佳实践 在当今快节奏的开发环境中,团队每天花费数小时处理GitHub上的重复性任务:代码审查、PR管理、Issue跟踪等。手动操作不仅效率低下,还容易引入人为… · 2026/11/4 6:12:23

docker搭建jenkins
docker搭建jenkins

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 6:12:23

SolidCraft 上手指南:开源参数化 3D 建模,免费桌面、网页与 MCP AI 建模
SolidCraft 上手指南:开源参数化 3D 建模,免费桌面、网页与 MCP AI 建模

SolidCraft 上手指南:开源参数化 3D 建模,免费桌面、网页与 MCP AI 建模 【免费下载链接】solidcraft SolidCraft: an open-source parametric 3D CAD application built in pure Rust. Desktop, web, and automation through MCP. 项目地址: https://… · 2026/11/4 6:11:22

首次开源材料晶体结构生成:40% 通过率吊打 GPT-5.5 的技术拆解
首次开源材料晶体结构生成:40% 通过率吊打 GPT-5.5 的技术拆解

首次开源材料晶体结构生成:40% 通过率吊打 GPT-5.5 的技术拆解 【免费下载链接】Intern-S2-397B 项目地址: https://ai.gitcode.com/InternLM/Intern-S2-397B 材料科学的智能计算,长期卡在"最后一公里":模型能读懂论文、能… · 2026/11/4 6:57:29

三月七小助手:一个按钮跑完 13 项星穹铁道日常
三月七小助手:一个按钮跑完 13 项星穹铁道日常

三月七小助手:一个按钮跑完 13 项星穹铁道日常 【免费下载链接】March7thAssistant 日常交给三月七,开拓留给你。《崩坏:星穹铁道》开源自动化助手。 项目地址: https://gitcode.com/gh_mirrors/ma/March7thAssistant 三月七小助手是《… · 2026/11/4 6:57:28

shadPS4 PS4 模拟器编译教程:三条命令在 PC 上启动《血源诅咒》
shadPS4 PS4 模拟器编译教程:三条命令在 PC 上启动《血源诅咒》

shadPS4 PS4 模拟器编译教程:三条命令在 PC 上启动《血源诅咒》 【免费下载链接】shadPS4 PlayStation 4 emulator for Windows, Linux, macOS and FreeBSD written in C 项目地址: https://gitcode.com/GitHub_Trending/sh/shadPS4 shadPS4 是 C 写的 PS4 模… · 2026/11/4 6:57:28

“书生·端砚“让普通人当科学家:解读上海AI Lab科学智能体的平台化野心
“书生·端砚“让普通人当科学家:解读上海AI Lab科学智能体的平台化野心

"书生端砚"让普通人当科学家:解读上海AI Lab科学智能体的平台化野心 【免费下载链接】Intern-S2-397B 项目地址: https://ai.gitcode.com/InternLM/Intern-S2-397B 在 WAIC 2026 上,上海人工智能实验室(浦江实验室&#xf… · 2026/11/4 6:57:28

Neovim入门指南:dotfiles的lazy.nvim插件体系与目录结构完整解析
Neovim入门指南:dotfiles的lazy.nvim插件体系与目录结构完整解析

【免费下载链接】dotfiles My dotfiles and configs 项目地址: https://gitcode.com/gh_mirrors/dotfiles322/dotfiles 点击查看 免费下载 dotfiles 是一个用 Git 管理的开发者环境配置仓库,其中最精华的部分是一套开箱即用的 Neovim 配置——基于 lazy… · 2026/11/4 6:57:28

第四章 轻量后备:4.9 shmem 后备 BO 的驱动集成
第四章 轻量后备:4.9 shmem 后备 BO 的驱动集成

本节先说明驱动如何集成 helper:以 virtio-gpu 为例说明内嵌、回调表与 gem_create_object 钩子,以 panfrost 为例说明如何接入回收;再以 virtio-gpu 的 GUEST blob 的完整链路说明如何从一个 GEM BO 得到 host 可读写的 mem_entry[]。大部分 GEM 回调可直接使用 helper 的包… · 2026/11/4 6:56:28

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 3:16:49

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 6:04:24

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 5:52:46

AI辅助技术栈评估:提升研发决策效率60%
AI辅助技术栈评估:提升研发决策效率60%

1. 项目背景与核心价值技术决策一直是研发团队面临的重大挑战。随着技术生态的快速演进,技术栈的选择、维护和迭代变得愈发复杂。我们团队在过去两年里,先后经历了三次重大技术栈迁移,每次都需要投入大量人力进行技术评估和风险分析。直到去年… · 2026/11/4 0:00:17

从生成Token到直接决策:Jev如何重塑AI Agent工程实践
从生成Token到直接决策:Jev如何重塑AI Agent工程实践

1. 从"生成文字"到"拍板决策":Jev 到底在解决什么问题大多数人第一次接触大模型,脑子里建立的模型是"输入问题、输出文字"。你问它今天天气怎么样,它给你一段描述;你让它写个周报,它给你… · 2026/11/4 0:00:17

32G统一内存跑大模型:内存账、TPS实测与端云分流
32G统一内存跑大模型:内存账、TPS实测与端云分流

想在一台 32G 统一内存的小主机上把大模型跑成"日常可用",这件事我前后折腾了小半年。标题里说的这台 Mac mini M6,是我们这次讨论的目标平台,具体到手规格以实物为准;但下面这套推算方法和实测思路,对任何统… · 2026/11/4 0:00:17

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 3:16:49

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 6:04:24

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 5:52:46

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码