如何快速完成簡報排版，將精神專注在準備演講上？使用 Marp 套件轉換 Markdown 成簡報
前言
我們浪費過多的時間在簡報排版上
做簡報是現代人必備的技能，但做簡報最煩的就是排版，有時候內容都已經想好了，但排版就浪費了非常多的時間。如果我們想把精神集中在簡報內容上，讓製作簡報的時間降到最低，這樣我們就能有更多時間準備簡報內容，但有方法可以增加簡報製作效率嗎？
傳統思維方式是：
- 開啟 PPT/ Google Slide/ Keynote
- 開始一頁頁填上內容
- 進行排版
- 檢查
其中「排版」是多數人卡住的環節，就算套用簡報模板還是必須進行排版。不行，我認為還是太花時間了。
這篇文章提供另一種方式 — 用技術方式解決簡報排版問題。你不用怕這項技術會很難，它只有一個門檻：會寫 Markdown。
什麼是 Markdown ？
Markdown 是一種網路內容寫作語言，事實上 Facebook、Medium 上也都支援這種語言，甚至你已經都會用了 (只是不知道自己使用的語法叫做 Markdown)。關於 Markdown 介紹，可參考下方文章：
使用 Marp 來「寫」簡報
當你會使用簡單的 Markdown 後就正式進入這篇文章的主題。
我們要使用的工具叫做 Marp (Markdown Presentation Writer)，它是一款奠基在 VS Code¹ 上的擴充服務 ，可以幫助我們快速產出簡報，並且輸出成 pdf, ppt, html, jpg, png 格式檔案。
備註¹：VS Code 是許多工程師寫程式的工具，但你可以把它想成是一個功能很強大的文字編輯器，至少比 windows 內建的筆記本強很多倍)。這邊有一份我使用 Marp 做的範例，整份 pdf 都是用 Markdown 寫出來的 ，整份的製作時間大概只有 10 分鐘 (內容都想好的情況下)。當你閱讀完這篇文章後，你也可以快速做出下方的簡報。
誰適合用這款工具？
如果你是以下這 3 種人，這款工具推薦給你：
- 不想浪費時間在簡報排版(例如工程師)
- 需要時常將文字、筆記轉換成簡報
- 時常需要簡報，不需要太多客製化排版，但需要時常更新內容
按照以下步驟，你就會使用 VS Code + Marp ，加油！
💡 目錄一、安裝 VS Code二、開啟 VS Code 並安裝 Marp三、開始使用 Marp1. 新增檔案2. 設定預設參數3. 製作第一張投影片4. 使用主題屬性5. 使用主題屬性 — class系列6. 設定圖片的設定7. 匯出簡報四、總結參考資源
一、安裝 VS Code
首先我們要先安裝 VS Code 這款工具，安裝的方式極度簡單。
Step 1. 到 VS Code 官網下載
首先我們先到 VS Code 官網，在首頁點擊「Download for Mac」(Windows 用戶會看到 Download for Windows)，電腦自動下載 VS Code 到電腦中。
Step 2. 下載安裝
- Mac 用戶：解壓縮後就可以使用
- Windows 用戶：點擊下一步安裝即可
二、開啟 VS Code 並安裝 Marp
當我們成功安裝後，打開 VS Code 可以看到以下畫面，這裡是 VS Code 的主頁。
接下來我們來安裝 Marp 。
安裝 Marp
點擊圖片中的「紅框處」，在搜尋欄中輸入「Marp」，你只會看到一個結果「Marp for VS Code」，點擊它。
在 Marp for VS Code 下會看到「Install」，點擊它。
三、開始使用 Marp
💡 請留意
1/ Marp 支援的功能很多，這裡我只介紹基礎用法，我認為足以應付 80% 的使用狀況了。2/ 剩下 20% 可能是你想要客製化簡報樣式，這就需要使用到 CSS 相關的技術，這篇文章不會特別說明。
1. 新增 .md 檔案
要開始使用 Marp ，我們可以在圖片「紅框處」快速點擊滑鼠左鍵 2 下 (或是點擊視窗最上方的「File」>「New File」) 來新增檔案。
VS Code 支援非常多種類的檔案格式，由於我們要使用 Markdown 格式進行編寫，在圖片位置點擊，並輸入 Markdown 切換成 Markdown 格式檔案(.md)。
2. 設定 Marp 預設參數
要在 VS Code 使用 Marp，首先我們要在文件最上方加入以下內容：
---
marp: true
theme: gaia
---這段文字的意思是告訴 VS Code 說我們要開始使用 Marp 套件了，如下圖：
其中的 theme 是指簡報主題的意思，Marp 預設提供了 3 種簡報主題：
- Default
- uncover
- Gaia
每種主題在背景顏色，Markdown 文字的擺放位置都會有差異，可以參考下方的文件說明。
你可以按一下 VS Code 右上角的 icon，可以對每種主題進行檢視 (preview)。
3. 製作第一張投影片
在 Marp 產出投影片非常簡單，只要輸入 - - - 就可以區隔內容產出投影片，下方是範例。(請注意每個 - - -的前跟後都要 Enter 跳行 )
---
marp: truetheme: gaia
---# Title slideThis page is the title slide---# Slide Overview- Topic 1
- Topic 2
- Topic 3
太棒了，到這裡你已經學會了 50% 的 Marp 了，只要把文字內容加上去就可以快速做簡報了。
4. 使用主題屬性
Marp 針對每種主題都有其特殊的屬性，在 Marp 中稱為「directives」。有些屬性是通用的 (每種主題都可以用)，下方介紹常用的屬性。
- paginate：增加頁碼在右下角
- backgroundColor : 改變背景顏色，可用 hex code 指定背景顏色 (例如 #ffffff 是白色背景)
- backgroundImage : 指定背景圖片
以上的屬性²如果要套用在整份簡報中，則必須在一開頭輸入，如下方：
---
marp: true
theme: gaia
backgroundImage: url('https://marp.app/assets/hero-background.jpg')
paginate: true
---
如果你只想在單一投影片使用，則必須將屬性以 <!-- -->³ 格式加在單一段落前。例如你想要跳過第一張投影片不加頁碼，則必須把 <!--_paginate: true--> 加在第二段落前，如下方。
備註³：你不用手動打<!-- -->，在 VS Code 中只要按下 MAC : cmd + / Windows: ctrl + /
注意我們在 paginate 的前方加上「_」，這是告訴 Marp 我們只在當前這個區段(投影片)套用這個屬性，其他區段(投影片)都不要套用的意思。
同樣的方法也可以套用到其他屬性上。例如你只想要在第一張投影片加上背景圖片，那就把 <!--_backgroundImage: url('https://marp.app/assets/hero-background.jpg')--> 加在第一個段落前即可。
備註²：更多屬性可以參考 https://marpit.marp.app/directives?id=local-directives-15. 使用主題屬性 — class系列
class 指的是主題中的 CSS 樣式，可以使用的 class 有很多，例如有 invert：反轉背景與文字的顏色。
這邊你不懂也沒關係，直接用就好。使用方式是 class: invert，效果如下圖：
在 gaia 這個主題中有特殊的 class 叫做 lead，功能是將文字置中。
聰明的你應該也想到了，如果我只想要在單張投影片套用 class 屬性，也是跟之前同樣的方法嗎？
沒錯，方法是一樣的例如下圖。只有 Title slide 是置中的，Slide Overview 又變成預設的從左至右排列。
如果我有兩種以上的 class 想使用該怎麼辦呢？目前 Marp 只支援寫在最上方(影響整份簡報)，而沒辦法對單一投影片設定兩種 class 的屬性。
- class 在最上方：使用 - 來進行排列，如下圖。
6. 針對圖片的設定
這是我最喜歡 Marp 的功能，透過簡單的語法快速插入圖片、指定圖片位置、大小、改變圖片的濾鏡 (透明度、模糊度、明亮度…)。對於喜歡使用「字 + 圖」的人來說，這個功能可以提升非常多效率。
插入圖片的語法非常簡單：
參數：可以指定圖片的效果，例如…
- bg : 背景圖片
- blur : 模糊度
- brightness : 明亮度
圖片位置：可以插入圖片在網路的網址，或是圖片在自己電腦中的位置
更多參數可參考 https://marpit.marp.app/image-syntax「圖 + 字」是現在的簡報主流，這裡我舉 3 個使用案例，都可以使用 Marp 快速製作。
(1) 引用名言
(2) 圖 50% + 字 50%
(3) 圖 66% + 字 34%
更多關於圖片的設定，可以看 https://marpit.marp.app/image-syntax7. 匯出簡報
終於到了最後一步！如果你確定了簡報內容，接下來就趕緊依據自己的需求，匯出成 pdf, ppt, html, jpg,png 吧！
點擊右上角的 icon，選擇「Export Slide Deck」即可。
四、總結
這篇文章介紹了 Marp 主要的使用方式，目標是幫助多數非技術背景的人也可以快速上手。
如果你想要更高效率處理簡報排版，把寶貴時間與精神放在「構思簡報」上，那麼我強烈推薦你學習使用這款工具。
“你會愛上這種專注於「構思內容」的感覺！”
參考文章
▶︎ 關於文章1/ 如果有任何疑問、想聽的主題，歡迎在文章下方留言給我 💬如果想給我一點鼓勵，請給我 1–10 個拍手；
如果覺得文章對你有幫助，請給我 10–40 個拍手；
如果你覺得文章寫的不錯，請給我40+ 個拍手讓我知道 👏🏻2/ 想要掌握最新文章，可以點擊下方「Follow」我～3/ 歡迎訂閱 我的電子報 獲得實用的生產力點子，每週二中午 12:00 準時發刊▶ 關於我我是朱騏，一個組織能力超強的軟體產品經理，喜歡研究各種生產力工具、時間管理方法。1/ 我可以提供產品管理、時間管理、生產力工具的「個人問題諮詢」與「講座邀約」。2/ 若是個人諮詢，可以請我喝杯咖啡、吃頓晚餐，可透過 Email/ Facebook 跟我約時間，請參考「聯繫方式」。3/ 若是講座邀約，請直接使用 Email 聯繫。︎▶︎ 聯繫方式- 📪 Email：muhenry608@gmail.com- 💬 Facebook：請先加我個人好友並簡短說明想要諮詢的主題▶︎ 建立人脈歡迎使用 LinkedIn 與我交流，你可以「加我為好友」建立連結| LinkedIn @ Chi Chu 歡迎交流
