支持markwon写ppt的工具marp-调研

最新推荐文章于 2025-06-19 09:09:53 发布

weixin_33939380

最新推荐文章于 2025-06-19 09:09:53 发布

阅读量449

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具 markdown python

原文链接：https://my.oschina.net/andChow/blog/3026428

该博客介绍了使用Markdown写PPT的需求，经调研选择Marp工具。阐述了其在VSCode的安装与插件使用，支持的Markdown语法，如常用格式、表格、语法高亮等，还说明了将MD文件转为HTML的常规做法和基于Docker镜像的方法，最后指出了Marp的一些缺点。

2019独角兽企业重金招聘Python工程师标准>>>

1.需求

使用markdown写ppt
支持大部分markdown语法，含高亮、公式及表格等
支持转为html，在浏览器中展示

2.调研

符合条件的工具：marp

用法参考

3. 安装与插件

vscode有插件 md文件中添加如下注释，启动在view的时候转化为marp

---
marp: true
---

官方有各平台的ide可以在download里下载使用

4. 支持md语法-常用

1. 二级标题

重点加粗

引用支持不好

4. 支持md语法-表格

第一格表头	第二格表头
内容单元格第一列第一格	内容单元格第二列第一格
内容单元格第一列第二格多加文字	内容单元格第二列第二格
内容单元格第一列第三格多加文字	内容单元格第二列第三格
内容单元格第一列第四格多加文字	内容单元格第二列第四格

4. 支持md语法-语法高亮

fun main(args: Array<String>) {
   println("Hello World!")

   println("sum = ${sum(34, 67)}")
   println("sum = ${sum(34, 67)}")
   println("sum = ${sum(34, 6, 57, 34)}")

   //虽然经过了装箱，但是值是相等的，都是10000
   println(boxedA === anotherBoxedA) //  false，值相等，对象地址不一样
   println(boxedA == anotherBoxedA) // true，值相等
}

4. 支持md语法-公式&图形

没法支持

4. 支持md语法-图片

如果图片是相对目录，输出html时img和html放一块，目录结构一致

5. marp自身要求与指令

# 页分割
---
# 指令格式
<!-- {directive_name}: {value} -->
# 设置主题: default/gaia
<!-- $theme: gaia -->
# 设置页面宽度&高度
<!-- $width: 12in -->
<!-- $height: 12in -->
# 设置页面比例
<!-- $size: 16:9 -->
# 指定显示页码
<!-- page_number: true -->
# 设置页脚
<!-- footer: This is a footer -->

98. 如何将md文件转为html

1). 常规做法

安装marp-cli & 执行编译脚本，必要条件：node>8

npm install -g @marp-team/marp-cli
marp you.md -o file-name.html

2). 基于Dokcer镜像

参考文档

99. 看法与缺点

vscode/marp-cli插件对语法支持不完善
原生ide支持部分html标记如：<center>、<big>、<hr>，但是vscode或转为html时没法支持
如果有个好模板，还是能满足日常需求的
功能比较单一，还是没法和真的ppt比

转载于:https://my.oschina.net/andChow/blog/3026428