Marpit

MarkDown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。适合熟悉Tex文法的同学使用，可以参考菜鸟教程。本人习惯使用Typora实时渲染.md文件。

下载VScode，自动支持markdown渲染，也可以再安装一个Markdown All in One扩展。为了渲染出PPT，再安装Marpit的扩展：Marp for VS Code。

打开一个.md文件，可以在右上角发现如下两个按键：

打开侧边预览：可以预览.md文件的渲染效果。
Show Quick Pick Of Marp Commands：导出为.pdf、.html的指令。

代码

---
marp: truepaginate: truetheme: defaultstyle: |section {background-color: #eee;color: #111;width: 1280px;height: 720px;font-size: 32px;padding: 80px;}h1 {text-align: center;font-size: 60px;color: #000;}h2 {text-align: center;font-size: 50px;color: #111;}p {text-align: left;font-size: 32px;color: #111;}header,footer {font-size: 32px;position: absolute;left: 50px;right: 50px;height: 20px;}header {top: 10px;}footer {bottom: 40px;}section.封皮 h1 {text-align: center;background-color: #09c;font-size: 60px;color: #fff;}section.封皮 h2 {text-align: center;background-color: #09c;font-size: 50px;color: #eee;}section.封皮 p {text-align: center;font-size: 40px;color: #000;}section.正文 h1 {text-align: center;font-size: 60px;color: #000;}section.正文 h2 {text-align: center;font-size: 50px;color: #111;}section.正文 p {text-align: left;font-size: 32px;color: #111;}header: 'Header content'
footer: 'Footer content'math: katex
---<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _paginate: false -->
<!-- _class: 封皮 --># 标题## 标题2标题3---
<!-- class: 正文 --># 大标题* One
* Two
* Three## 小标题这是正文段落。内嵌公式：$a^2+y=\alpha$下边是独立公式：
$$\{1,2,3\}
$$---# 可以P图这是背景图片：![bg w:900 h:600 blur:10px brightness:1.2](https://fakeimg.pl/800x600/0288d1/fff/?text=123)这是内嵌图片：![w:200 h:150 brightness:1.1](https://fakeimg.pl/800x600/0288d1/fff/?text=ABC) 同一行的另一张内嵌图片： ![w:200 h:150 brightness:1.1 invert:100%](https://fakeimg.pl/800x600/0288d1/fff/?text=DEF)---
<!-- _backgroundColor: #fff -->
# Hex color (White BG + Black text)![bg](#fff)
![](#000)---# Named color (rebeccapurple BG + White text)![bg](rebeccapurple)
![](white)---# RGB values (Orange BG + White text)![bg](rgb(255,128,0))
![](rgb(255,255,255))---![bg](https://fakeimg.pl/800x600/0288d1/fff/?text=A)
![bg](https://fakeimg.pl/800x600/02669d/fff/?text=B)
![bg](https://fakeimg.pl/800x600/67b8e3/fff/?text=C)---![bg vertical](https://fakeimg.pl/800x600/0288d1/fff/?text=A)
![bg](https://fakeimg.pl/800x600/02669d/fff/?text=B)
![bg](https://fakeimg.pl/800x600/67b8e3/fff/?text=C)---![bg right:66%](https://picsum.photos/720?image=3)
![bg](https://picsum.photos/720?image=20)# Split + Multiple BGsThe space of a slide content will shrink to the left side.

效果

用MarkDown写PPT相关推荐

一种用markdown写PPT的方法，再也不用费劲排版了
前言本文源代码位于:https://github.com/pzqu/tools 原创首发:https://coding3min.com/1134.html 今天看jeremyxu 的技术点滴,发现分 ...
用 Markdown 写 PPT ？
这是一个面向开发者的 PPT 制作工具,一年前在 GitHub 上开源,如今获得了近 20K 的 Star.可见非常受欢迎,这个开源项目叫做 Slidev. Slidev 功能丰富,是一个使用简单.所 ...
MarkDown写ppt
首先给你的VSCode安装插件 MarkDown语法例子 --- marp: true paginate: true theme: default class: - lead- invert siz ...
float right不生效_【工具篇】程序员不愿意写 PPT 是姿势不对？
| 好看请赞,养成习惯你有一个思想,我有一个思想,我们交换后,一个人就有两个思想 If you can NOT explain it simply, you do NOT understand it ...
Markdown Online PPT
目录 Markdown Online PPT 主题选择怎样制作一个Web PPT 标题页上传图片更多设计部署与启动公布参考代码 Markdown Online PPT 项目源码:GitHu ...
居然可以用 js 写 PPT？
居然可以用 js 写 PPT 用powerpoint或者keynote写演示文稿,对于代码.数学公式等的支持一直是个痛点.而且对于前端同学来说,一身的css功力用不上也是个痛点.对于使用markdow ...
最近喜欢用markdown写笔记，贴个语法说明
最近喜欢用markdown写笔记,贴个语法说明 << 访问 Wow!Ubuntu NOTE: This is Simplelified Chinese Edition Document o ...
谁说程序员干不过写ppt的，码农就该这样雄起
程序员干脏活累活儿有成果那又如何到头来干不过写PPT的什么技术大牛什么框架并发只会为老板的朋友圈高歌作为工作超10年的码农,我苦笑不已.因为似乎真的只有我们这群"技术天才&quo ...
使用Markdown写数学公式打出百分号%
最近在用Markdown写数学公式的时候,发现'%'起到的是注释的作用,搞了半天没打不出来,最奇怪的是网上还搜不到(ಥ_ಥ).我就记录一下,希望可以帮助到别人. 其实要用到转义字符: \% 你看,这不 ...
如何使用Markdown写博客
使用 Markdown + MathJax 在博客里插入数学公式 https://blog.csdn.net/kamidox/article/details/48380239 如何使用Markdown ...

用MarkDown写PPT

Marpit

代码

效果

用MarkDown写PPT相关推荐

最新文章

热门文章