首页 / 资讯中心 / 文章详情

Marp 上手指南:3 步把 Markdown 变成幻灯片

Marp 上手指南:3 步把 Markdown 变成幻灯片 ★ FEATURED ARTICLE
Marp 上手指南3 步把 Markdown 变成幻灯片【免费下载链接】marpThe entrance repository of Markdown presentation ecosystem项目地址: https://gitcode.com/gh_mirrors/mar/marp做技术演示的人大概都撞过同一堵墙内容写完了排版、对齐、页码这些格式活却要花掉半天。Marp 的思路很直接——用 Markdown 写演示文稿一条命令转成 PPT 或 PDF幻灯片还能像代码一样放进版本控制。 两步装好 Marp CLI不用装什么额外环境把命令行工具装到全局就行npm install -g marp-team/marp-cli再写一个 deck.md最小版本长这样--- theme: default --- # Hello, Marp跑一次marp deck.md同目录就会生成 deck.html想要 PDF 就加参数marp deck.md --pdf分页符、Front Matter、页面指令3 个要知道第一---就是分页符每出现一次切出一页。第二文件开头的 Front Matter 是全局设置的地方——Marp 把最开头的前两条虚线识别为 Front Matter所以别在文件第一行就写分页符。第三HTML 注释里也能写指令而且可以出现在任何一页!-- paginate: true --像theme、size这类全局指令影响整份 deckpaginate、header、footer这类局部指令只影响当页但有个坑它们会被后续页面继承。想只对当前页生效加下划线前缀即可比如_paginate: false。更多指令写法可以参考官方文档。 不改主题代码的 3 个定制手法Marp 自带多个内置主题改一行theme就能换风格。微调的话有三档手段在 Front Matter 用style指令覆盖全局样式在某一页内嵌style块只改这一页用局部指令改单页的背景色、文字颜色等属性。--- theme: uncover style: section { color: #444 } --- 一行命令导出 PDF 与 PPTX除 HTML 和 PDF 外Marp CLI 也支持直接产出 PPTX 和图片marp deck.md --pptx习惯图形界面的人可以装 Marp for VS Code 扩展。注意 Front Matter 里要写marp: true才会激活预览面板否则扩展不认这个文件⚠️ 5 个高频坑分页符和 Front Matter 撞车第一条虚线之后的---才是分页文件开头几行别急着切页VS Code 里不显示预览九成是漏写了marp: true样式串页局部指令默认被后续页面继承只想影响当前页就加_前缀HTML 默认被禁用出于安全考虑大部分标签不可用默认只放行style和br /theme 写错名字匹配不到内置或已注册的自定义主题时效果会不对检查下拼写。【免费下载链接】marpThe entrance repository of Markdown presentation ecosystem项目地址: https://gitcode.com/gh_mirrors/mar/marp创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
阅读完成 · 觉得有帮助?
咨询建站