在VSCode中用Markdown自動生成PPT詳細使用指南，支持多種風格和排版，支持ppt轉(zhuǎn)為pdf等。

Visual Studio Code跨平臺代碼編輯器 v1.100.2 64位 官方中文安裝版

• 類型：編譯工具
• 大?。?/span>102MB
• 語言：簡體中文
• 時間：2025-05-16

查看詳情

Marp 官網(wǎng)：

https://marp.app/

這款軟件也能在 Windows 或 Linux 系統(tǒng)上使用，并不局限于 macOS 系統(tǒng)。

今天要介紹的是 Marp 推出的 VS Code 插件——Marp for VS Code，在 VS Code 安裝了這個插件后，意味著我們也可用 VS Code 來制作幻燈片了。

Markdown簡潔易用，尤其可以高效的編輯數(shù)學公式，而基于Markdown的兩個VSCode插件正是今天的主角——Marp和MPE。對于制作簡潔的數(shù)學類PPT來說，Marp和MPE似乎是最合適的選擇，畢竟該類PPT不需要花里胡哨的效果，更應(yīng)該專注于內(nèi)容。

Marp雖是一個開源的桌面軟件，但可通過VSCode加Marp插件的方式使用，完全能高效地制作輕量的幻燈片。下載安裝VSCode后，在其插件欄搜索“Marp for VS Code”，點擊安裝。

安裝了 Marp for VS Code 插件后，不需要任何配置，就能直接做 PPT。

點擊 VS Code「文件」選項卡，選擇「新建文件」，在彈出的面板，文件類型選擇 Marp Markdown。

選擇 Marp Markdown 文件后，會新建一個下圖的文件，開頭有一個配置選項 marp: true，表示使用 Marp 來創(chuàng)建 PPT。

點擊文件右上角的「預覽」按鈕，就可以在右側(cè)看到第一個幻燈片頁面。

上面空空如也，接下來就輪到我們用 Markdown 語法大展身手了：

ppt制作過程

對于熟悉 Markdown 的朋友不用多說，就像是寫文章一樣來寫 PPT。

如果想要創(chuàng)建第二個頁面，只要在末尾添加 3 個短橫線 -，下方就會多出一張新的幻燈片。

不過，如果我們想要在幻燈片中插入圖片，就會略微麻煩一些。

直接插入的本地圖片，渲染后會顯示為丟失，解決的方法是先將本地圖片上傳到網(wǎng)上（圖床），再粘貼圖片鏈接，圖片才能正常顯示。

插入的圖片會顯示為原始的大小，如果圖片比較大，會占據(jù)整個幻燈片頁面，影響其他內(nèi)容的展示。

要想解決這個問題，只需要在 Markdown 圖片名稱的位置，配置一下圖片的寬度或高度：

w:300 h:300

這里的 w 和 h 分別是 width 和 height 的縮寫，注意 w 和 h 必須是小寫。

更改全局主題

Marp 渲染得到的幻燈片默認為白底藍/黑字，如果你不喜歡默認的樣式，可以在 Markdown 文件的開頭，更改 theme 字段的值，來更改幻燈片的全局主題。

theme 字段有 3 個值：

default（默認值，可省略）

uncover

gaia

下圖是 uncover 主題的效果，所有內(nèi)容都居中顯示，引用內(nèi)容的樣式從豎線變?yōu)殡p引號。

下圖是 gaia 主題的效果，白色背景更改為淺黃色，有點像一些閱讀類 App 的暖光/護眼模式，但我不確定這種顏色是否真的護眼。

如果想用 gaia 主題淺黃色的背景，但又想像 uncover 主題那樣，讓內(nèi)容居中顯示，只要在文件開頭的配置中，再添加一個 class 字段，值設(shè)置為 lead 即可。

不過最終的效果還是有一點差別，添加了引用和無序列表樣式的內(nèi)容，還是會保持原來的靠左顯示。

更換單個幻燈片的背景和文字顏色

前面設(shè)置的主題，屬于全局樣式，會影響到所有幻燈片的背景顏色。

如果我們想自定義其中一個或多個頁面的顏色，也是可以做到的。

在想要更改幻燈片背景色的頁面開頭，加上 字段，就可以更改頁面的背景色。

這里的顏色可以是顏色的英文，例如上面的藍色 blue，也可以是 rgb 值，這有點像是在寫 CSS 樣式了。

更換背景色之后，如果新的背景色與文本內(nèi)容的顏色區(qū)分不明顯，就會影響到文本內(nèi)容的正常觀看，這時就需要更改文字的顏色啦。

更改文本內(nèi)容的顏色，需要在下面多配置一個選項 ，就能自定義文本的顏色。

既然可以修改單張幻燈片的背景色，那有些人可能就會想到：可不可以更改所有幻燈片的背景色呢？

也是可以的～只要在文件開頭新增一個選項 backgroundColor，就能自定義所有幻燈片的背景色。

當然，頁面單獨設(shè)置的背景色會覆蓋掉全局設(shè)置的顏色，正如你在下圖看到的，即便我們將全局的背景色更改為黃色，第二頁還是維持了單獨設(shè)置的藍色。

將幻燈片導出為 PDF

最后，無論用 Marp 和 VS Code 來寫 PPT 有多么好，最終還是要落回到地面，思考一個問題：如何把你做好的 PPT 分享給其他人？如何讓你兼容更多的人或場景呢？

還好 Marp 也為我們考慮到了，支持將渲染得到的 PPT 導出為 PDF 文件。

方法如下：

點擊 Marp Markdown 文件右上角的 Marp 圖標（三角形圖標），在彈出的面板，選擇「Export Slide Deck」，就可以將 PPT 導出為 PDF 啦～

注意事項

如果你的 VS Code 安裝了 Markdown 渲染插件 Markdown Preview Enhanced，需要先將這個插件「禁用」或是「卸載」，轉(zhuǎn)而使用 VS Code 后來集成的 Markdown 預覽功能，才能正?？吹戒秩竞蟮?PPT 頁面。

相關(guān)推薦：

vscode有哪些好用的插件 12個不容錯過的VSCode插件

VSCode怎么用? 史上超全vscode配置使用教程

VScode無法顯示跳轉(zhuǎn)到定義怎么解決? vscode無法跳轉(zhuǎn)定義的原因及解決方法

最新評論