易口袋Pockez
Markdown 轉 PDF
免費 Markdown 轉 PDF：左邊寫、右邊即時預覽，支援表格、待辦清單、程式碼與 Mermaid 流程圖，一鍵存成 PDF，也能用分享連結把文件傳給別人。免註冊，內容不上傳。
- 即時預覽
- 支援流程圖
- 一鍵存 PDF
- 分享連結
預覽（PDF 內容）
🔒 所有計算都在你的瀏覽器內完成，資料不會上傳到任何伺服器。
什麼時候會用到
- 技術文件與 README：把 Markdown 文件轉成排版整齊的 PDF，交給客戶或主管。
- 履歷與作品集：用 Markdown 寫履歷，標題與表格自動排版，存成 PDF 投遞。
- 會議記錄與筆記：從 Notion、Obsidian 匯出或複製的 Markdown 直接貼上轉 PDF。
- 流程圖與系統架構：用 Mermaid 寫流程圖、時序圖，和文字一起輸出成 PDF。
使用說明
- 在左邊輸入或貼上 Markdown，或按「開啟檔案」讀取 .md 檔，右邊會即時顯示排版結果；不熟悉語法可以先按「範例」看看。
- 用 ```mermaid 開頭的程式碼區塊可以畫流程圖、時序圖等圖表，會直接畫在預覽裡。
- 按「匯出 PDF」開啟列印視窗，「目的地」選「另存為 PDF」後儲存。
實際範例
文件第一行是「# **專案** 週報 2026/10」時，按「匯出 PDF」後列印視窗的預設檔名是「專案 週報 2026 10」：粗體符號會拿掉，檔名不能用的斜線換成空白。沒有 H1 時改用第一個標題，例如只有「## 會議紀錄：Q3?」時檔名是「會議紀錄：Q3」；完全沒有標題則用「文件」。
貼上 <img src="logo.png" onerror="alert(1)">、[點我](javascript:alert(1)) 與一段 <script>，清洗後只剩 <img src="logo.png"> 和一個沒有網址的「點我」文字，<script> 整段移除，預覽裡不會執行任何程式。
待辦清單「- [x] 完成」「- [ ] 待辦」會轉成兩個核取方塊，一個已勾選、一個未勾選，都不能點，PDF 裡也照樣顯示。另外「第一行」直接換行接「第二行」只會排在同一段（與 GitHub 相同），要分段請空一行。
結果怎麼看
- 右邊預覽就是 PDF 的內容：列印時只輸出預覽區，網站頁首、按鈕與編輯框都不會出現。深色模式下預覽是深色，但 PDF 一律是白底深色字。
- 圖表位置出現紅色錯誤框，代表那段 Mermaid 語法有誤，框內有錯誤訊息與原始碼，修正後會自動重畫；錯誤框也會被印出來，匯出前請先確認。
- 列印視窗中勾選「背景圖形」才會印出表格標題列與程式碼區的淡色底；勾選「頁首和頁尾」會在每頁加上網址、日期與頁碼。
- 表格、程式碼、圖表與引用會盡量不跨頁，標題也不會單獨留在頁尾；但單一區塊比一頁還長時仍會被切開。
原理與計算方法
- 轉換：用 marked 依 GitHub Flavored Markdown（GFM）規格把 Markdown 轉成 HTML，支援表格、刪除線、待辦清單與自動連結，單一換行不會換行。
- 安全：轉出的 HTML 一律先經過 DOMPurify 清洗才放進頁面，移除 <script>、onerror 等事件屬性、javascript: 連結與 iframe，另外禁止 <style> 與表單元件，避免貼上的內容執行程式或改壞頁面。
- 圖表：只有內容含 ```mermaid 區塊時才下載 Mermaid 圖表程式（體積較大，下載一次後共用），以 strict 安全等級畫成 SVG；畫過的圖會暫存，打字時其他圖不必重畫。
- 匯出：「匯出 PDF」呼叫瀏覽器的列印功能，列印樣式（@media print）只保留預覽區，使用 A4 紙張、上下 16 mm、左右 15 mm 邊界，並固定用淺色配色；PDF 預設檔名取自文件的第一個 H1。
適用限制
- PDF 由瀏覽器的列印功能產生，不同瀏覽器的分頁位置、字型與頁首頁尾會有差異；手機要在列印或分享選單中選擇儲存為 PDF，步驟依系統而定。
- 不支援數學公式（LaTeX）、註腳、自動目錄與程式碼語法上色，標題也不會變成 PDF 書籤。
- 圖片只能用網址（https://…）引用，無法讀取你電腦裡的檔案路徑；網路圖片需要連線才會顯示。
- 還沒載入過 Mermaid 圖表程式時，離線狀態下一般 Markdown 仍可轉換，但圖表會顯示無法載入。
常見問題
怎麼手動換頁？
在要換頁的地方單獨一行輸入 <div style="break-after: page"></div>，前後各空一行，後面的內容就會從新的一頁開始。
PDF 上方出現網址和日期，怎麼拿掉？
那是瀏覽器加的頁首和頁尾。在列印視窗的「更多設定」裡取消勾選「頁首和頁尾」即可。
支援哪些 Mermaid 圖表？
流程圖（flowchart）、時序圖（sequenceDiagram）、甘特圖（gantt）、類別圖、狀態圖、圓餅圖等 Mermaid 支援的圖表都能用。語法有錯時，預覽會在該處顯示錯誤訊息與原始碼。
我的文件會被上傳嗎？
不會。轉換、預覽、產生 PDF 都在你的瀏覽器裡完成，內容不會傳到伺服器，也不會被儲存，關閉頁面就消失。
可以把 Markdown 文件分享給別人嗎？
可以。按「複製分享連結」，原文會壓縮後放在網址的 # 後面，對方打開就看到同樣的預覽，可以直接存成 PDF；這段不會傳到伺服器。文件很長、連結太長時會提示改用檔案分享。
Notion 或 Obsidian 的筆記可以轉成 PDF 嗎？
可以。從 Notion「匯出 → Markdown」或在 Obsidian 複製內容後貼上即可；Obsidian 的 [[雙向連結]] 等專屬語法不支援，會以原文顯示。
可以在 PDF 裡放圖片嗎？
可以用  放網路上的圖片網址；電腦裡的本機圖片路徑瀏覽器讀不到，需要先上傳到圖床或網站。
Markdown 是什麼？
用簡單符號標記格式的純文字寫法，例如 # 是標題、** 包起來是粗體、- 開頭是清單。寫起來比 Word 快，也方便用 Git 管理版本。
參考來源
- GitHub Flavored Markdown Spec — GitHub
- Printing — MDN Web Docs
- Usage — Mermaid