VScode+Marp實現(xiàn)Markdown轉(zhuǎn)換成PPT幻燈片的動畫演示

用慣了Markdown,就會用到導(dǎo)出為Word、Pdf等格式,就想能不能用Markdown轉(zhuǎn)換成PPT格式的文件,網(wǎng)上查找一番后發(fā)現(xiàn)Marp、Slidev兩個解決方案。由于Slidev生成的類似HTML的演講,所以本片介紹Marp。如有更好方法請評論區(qū)告訴我,先謝為敬?。ㄎ恼屡溆術(shù)if演示,Marp指令不做特別說明)
可參照Marp官方文檔
VSCode下載和安裝 下載Microsoft Visual Studio Code
安裝VSCode
安裝示意圖借用CSDN黃化的多多
配置所需插件 安裝中文插件
安裝Markdown插件
安裝Marp插件
認識Marp
指令的使用方法
Marp提供兩種使用方法:
HTML comment
這種需要在theme
等指令前后添加 。 VSCode快捷鍵Ctrl+/
<!-- theme: default paginate: true -->
Front-matter
第二種則是直接在Markdown文檔的開頭(就是將marp:true寫在一起),此時無須再添加
--- marp: ture theme: default paginate: true ---
指令類型
指令類型(Type of directives)可分為全局指令(Global directives)和局部指令。
其中,全局指令是整個幻燈片設(shè)定值,例如 theme、headingDivider、style。在全局指令前面添加前綴 $,就可以實現(xiàn)對整個幻燈片的設(shè)定。
而局部指令用以設(shè)置當(dāng)前幻燈片頁面以及后續(xù)頁面。例如,我們用 設(shè)置幻燈片的背景顏色。
全局指令(Global directives)
局部指令(Local directives)
背景大小
開始使用
- 創(chuàng)建文檔
演示
2.1 簡單分頁
2.2 簡單使用
2.3 保存項目
2.4 導(dǎo)出pptx
如果遇到導(dǎo)出失敗,請退出以管理員身份運行VSCode。
2.5 成功打開
以上就是VScode+Marp實現(xiàn)Markdown轉(zhuǎn)換成PPT幻燈片的方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode有哪些好用的插件 12個不容錯過的VSCode插件
相關(guān)文章
VS Code皮棉箱模型誤差在哪設(shè)置? VSCode設(shè)置皮棉箱模型誤差的技巧
VS Code皮棉箱模型誤差在哪設(shè)置?很多朋友不知道該怎么設(shè)置,下面我們就來看看VSCode設(shè)置皮棉箱模型誤差的技巧2023-02-27VSCode分支怎么按字母順序排序? VSCode設(shè)置分支按字母順序排序的技巧
VSCode分支怎么按字母順序排序?VSCode代碼想要控制分支的排序順序,該怎么操作呢?下面我們就來看看VSCode設(shè)置分支按字母順序排序的技巧2023-02-27vscode文本框怎么設(shè)置輸入內(nèi)容與邊框的距離?
vscode文本框怎么設(shè)置輸入內(nèi)容與邊框的距離?HTML中input輸入框設(shè)置輸入內(nèi)容與邊框的距離,該怎么設(shè)置呢?下面我們就來看看詳細的教程2023-03-02VS Code中g(shù)it怎么開啟單擊打開差異? VSCode比對git倉庫文件差異的技巧
VS Code中g(shù)it怎么開啟單擊打開差異?VS Code中想要開啟單擊打開差異,該怎么設(shè)置這個功能呢?下面我們就來看看VSCode比對git倉庫文件差異的技巧2023-03-18VS Code中g(shù)it設(shè)置提交后命令同步的技巧
VS Code中g(shù)it設(shè)置提交后命令同步?下面就來給大家介紹VS Code中g(shù)it設(shè)置提交后命令同步的方法2023-03-18Visual Studio Code怎么關(guān)閉自動存儲庫檢測子文件夾?
Visual Studio Code怎么關(guān)閉自動存儲庫檢測子文件夾?這是很基礎(chǔ)的設(shè)置,很多朋友不知道具體的設(shè)置位置,下面我們就來看看詳細的教程2023-03-18- VSCode怎么設(shè)置在git中總是在克隆后打?設(shè)置過程很簡單,下面我們就來看看詳細步驟2023-03-18
- VSCode怎么開啟git輸入驗證為警告?VSCode編程開發(fā)的時候,想要控制何時顯示提交消息輸入驗證提示警告,該怎么操作呢?下面我們就來看看詳細的教程2023-03-18
- VS Code中g(shù)it時間線視圖怎么不顯示作者?VS Code可以在時間線視圖中顯示提交作者,當(dāng)然也可以不顯示,下面我們就來看看詳細的設(shè)置方法2023-03-30
VSCode中g(shù)it開啟同步時重設(shè)基址的詳細教程
VSCode中g(shù)it怎么開啟同步時重設(shè)基址?想要強制git在運行sync命令時使用rebase,該怎么設(shè)置呢?下面我們就來看看詳細教程2023-03-30