VScode+Marp實(shí)現(xiàn)Markdown轉(zhuǎn)換成PPT幻燈片的動(dòng)畫演示
用慣了Markdown,就會(huì)用到導(dǎo)出為Word、Pdf等格式,就想能不能用Markdown轉(zhuǎn)換成PPT格式的文件,網(wǎng)上查找一番后發(fā)現(xiàn)Marp、Slidev兩個(gè)解決方案。由于Slidev生成的類似HTML的演講,所以本片介紹Marp。如有更好方法請(qǐng)?jiān)u論區(qū)告訴我,先謝為敬!(文章配有g(shù)if演示,Marp指令不做特別說(shuō)明)
可參照Marp官方文檔
VSCode下載和安裝 下載Microsoft Visual Studio Code

安裝VSCode
安裝示意圖借用CSDN黃化的多多






配置所需插件 安裝中文插件

安裝Markdown插件

安裝Marp插件

認(rèn)識(shí)Marp

指令的使用方法
Marp提供兩種使用方法:
HTML comment
這種需要在theme等指令前后添加 。 VSCode快捷鍵Ctrl+/
<!-- theme: default paginate: true -->
Front-matter
第二種則是直接在Markdown文檔的開(kāi)頭(就是將marp:true寫在一起),此時(shí)無(wú)須再添加
--- marp: ture theme: default paginate: true ---
指令類型
指令類型(Type of directives)可分為全局指令(Global directives)和局部指令。
其中,全局指令是整個(gè)幻燈片設(shè)定值,例如 theme、headingDivider、style。在全局指令前面添加前綴 $,就可以實(shí)現(xiàn)對(duì)整個(gè)幻燈片的設(shè)定。
而局部指令用以設(shè)置當(dāng)前幻燈片頁(yè)面以及后續(xù)頁(yè)面。例如,我們用 設(shè)置幻燈片的背景顏色。

全局指令(Global directives)

局部指令(Local directives)

背景大小

開(kāi)始使用
- 創(chuàng)建文檔

演示
2.1 簡(jiǎn)單分頁(yè)

2.2 簡(jiǎn)單使用

2.3 保存項(xiàng)目

2.4 導(dǎo)出pptx

如果遇到導(dǎo)出失敗,請(qǐng)退出以管理員身份運(yùn)行VSCode。
2.5 成功打開(kāi)

以上就是VScode+Marp實(shí)現(xiàn)Markdown轉(zhuǎn)換成PPT幻燈片的方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode有哪些好用的插件 12個(gè)不容錯(cuò)過(guò)的VSCode插件
相關(guān)文章

VS Code皮棉箱模型誤差在哪設(shè)置? VSCode設(shè)置皮棉箱模型誤差的技巧
VS Code皮棉箱模型誤差在哪設(shè)置?很多朋友不知道該怎么設(shè)置,下面我們就來(lái)看看VSCode設(shè)置皮棉箱模型誤差的技巧2023-02-27
VSCode分支怎么按字母順序排序? VSCode設(shè)置分支按字母順序排序的技巧
VSCode分支怎么按字母順序排序?VSCode代碼想要控制分支的排序順序,該怎么操作呢?下面我們就來(lái)看看VSCode設(shè)置分支按字母順序排序的技巧2023-02-27
vscode文本框怎么設(shè)置輸入內(nèi)容與邊框的距離?
vscode文本框怎么設(shè)置輸入內(nèi)容與邊框的距離?HTML中input輸入框設(shè)置輸入內(nèi)容與邊框的距離,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2023-03-02
VS Code中g(shù)it怎么開(kāi)啟單擊打開(kāi)差異? VSCode比對(duì)git倉(cāng)庫(kù)文件差異的技巧
VS Code中g(shù)it怎么開(kāi)啟單擊打開(kāi)差異?VS Code中想要開(kāi)啟單擊打開(kāi)差異,該怎么設(shè)置這個(gè)功能呢?下面我們就來(lái)看看VSCode比對(duì)git倉(cāng)庫(kù)文件差異的技巧2023-03-18VS Code中g(shù)it設(shè)置提交后命令同步的技巧
VS Code中g(shù)it設(shè)置提交后命令同步?下面就來(lái)給大家介紹VS Code中g(shù)it設(shè)置提交后命令同步的方法2023-03-18
Visual Studio Code怎么關(guān)閉自動(dòng)存儲(chǔ)庫(kù)檢測(cè)子文件夾?
Visual Studio Code怎么關(guān)閉自動(dòng)存儲(chǔ)庫(kù)檢測(cè)子文件夾?這是很基礎(chǔ)的設(shè)置,很多朋友不知道具體的設(shè)置位置,下面我們就來(lái)看看詳細(xì)的教程2023-03-18
VSCode怎么設(shè)置在git中總是在克隆后打?設(shè)置過(guò)程很簡(jiǎn)單,下面我們就來(lái)看看詳細(xì)步驟2023-03-18
VSCode怎么開(kāi)啟git輸入驗(yàn)證為警告?
VSCode怎么開(kāi)啟git輸入驗(yàn)證為警告?VSCode編程開(kāi)發(fā)的時(shí)候,想要控制何時(shí)顯示提交消息輸入驗(yàn)證提示警告,該怎么操作呢?下面我們就來(lái)看看詳細(xì)的教程2023-03-18
VS Code中g(shù)it時(shí)間線視圖怎么不顯示作者?
VS Code中g(shù)it時(shí)間線視圖怎么不顯示作者?VS Code可以在時(shí)間線視圖中顯示提交作者,當(dāng)然也可以不顯示,下面我們就來(lái)看看詳細(xì)的設(shè)置方法2023-03-30
VSCode中g(shù)it開(kāi)啟同步時(shí)重設(shè)基址的詳細(xì)教程
VSCode中g(shù)it怎么開(kāi)啟同步時(shí)重設(shè)基址?想要強(qiáng)制git在運(yùn)行sync命令時(shí)使用rebase,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)教程2023-03-30











