[前言] 由於 Dcard 開了工程師版卻不支援 Markdown 就來測試一下有沒有現成的方法可以在 Dcard 使用 Markdown

///////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////// # 方法1 - 使用 Markdown 編輯程式匯出 ## 使用工具：Typora

--- **步驟: 打開 Typora -> 寫 Markdown 語法 -> 檔案 -> 匯出 -> 圖片** - 優點: 方便快速 - 缺點: 無法自訂尺寸和範圍、想自訂匯出樣式須改主題的CSS

///////////////////////////////////////////////////////////////// # 方法2 - 使用 Markdown 編輯工具 + 文字轉圖片工具 ## 使用工具：Typora 、

Text to Image Converter https://www.branah.com/text-to-image --- **步驟: 打開 Typora -> 寫 Markdown 語法 -> 切到預覽模式 -> 貼到文字轉圖片網站** - 優點: 可自訂樣式 - 缺點: 文字格式可能還是會跑掉 - *文字轉圖片工具需支援以 HTML 格式貼上*

///////////////////////////////////////////////////////////////// # 方法3 - 使用 CodePen Markdown 編輯模式 ## 使用工具：CodePen

--- **步驟: 打開 CodePen -> 把 HTML 的 Preprocessor 改成 Markdown -> 寫 Markdown 語法 -> 等待自動截圖

- 優點: 想自訂樣式就改CSS、也可以寫 HTML - 缺點: 無法決定截圖範圍、等自動截圖等到天荒地老還沒等到

(等不到截圖QQ) ///////////////////////////////////////////////////////////////// # 方法3.14 - 使用 CodePen Markdown 編輯模式 + 自己截圖 ## 使用工具：CodePen、

剪取工具 --- **步驟: 打開 CodePen -> 把 HTML 的 Preprocessor 改成 Markdown -> 寫 Markdown 語法 -> 自己截圖 - 優點: 想自訂樣式就改CSS、也可以寫 HTML - 缺點: 欸不是……所有 Markdown 編輯器都可以自己截圖啊

///////////////////////////////////////////////////////////////// # 方法3.14159 - 使用 CodePen Markdown 編輯模式 + 網頁截圖工具 ## 使用工具：CodePen、

Site-Shot

--- **步驟: 打開 CodePen -> 把 HTML 的 Preprocessor 改成 Markdown -> 寫 Markdown 語法 -> 把 Debug Mode 網址 (http s://s.codepen.io/USER_ID/debug/PEN_ID) 貼到 https://www.site-shot.com/ - 優點: 想自訂樣式就改CSS、也可以寫 HTML - 缺點: 多此一舉? *Site-Shot 有API，可以寫程式自動化*

///////////////////////////////////////////////////////////////// # 方法4 - 使用~~神奇~~Unicode ## 使用工具：Facebook Format Tool

--- **步驟: 打開 Facebook Format Tool - 優點: 可以用純文字模式顯示 - 缺點: 這才不是 Markdown、基本上不支援中文 方法𝟰 - 使用神̶奇̶𝗨𝗻𝗶𝗰𝗼𝗱𝗲 使用工具：𝗙𝗮𝗰𝗲𝗯𝗼𝗼𝗸 𝗙𝗼𝗿𝗺𝗮𝘁 𝗧𝗼𝗼𝗹 (𝗵𝘁𝘁𝗽𝘀://𝗴𝘀𝗰𝗵𝗼𝗽𝗽𝗲.𝗰𝗼𝗺/𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀/𝗳𝗯𝗳𝗼𝗿𝗺𝗮𝘁/) --- 步驟: 打開 𝗙𝗮𝗰𝗲𝗯𝗼𝗼𝗸 𝗙𝗼𝗿𝗺𝗮𝘁 𝗧𝗼𝗼𝗹 - 優點: 可以用純文字模式顯示 - 缺點: 這才不是 Markdown、基本上不支援中文 𝗧𝗵𝗶𝘀 𝗶𝘀 𝗻𝗼𝘁 𝗠𝗮𝗿𝗸𝗱𝗼𝘄𝗻 𝘪𝘴 𝘯𝘰𝘵 𝘔𝘢𝘳𝘬𝘥𝘰𝘸𝘯 𝙣𝙤𝙩 𝙈𝙖𝙧𝙠𝙙𝙤𝙬𝙣 M̶a̶r̶k̶d̶o̶w̶n̶ 𝒹ℴ𝓌𝓃 ///////////////////////////////////////////////////////////////// # 方法5 - Markdown 轉 HTML 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法6 - Markdown 轉 LaTeX 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法7 - Markdown 轉 PDF 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法8 - Markdown 轉 HTML 轉 LaTeX 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法9 - Markdown 轉 HTML 轉 PDF 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法10 - Markdown 轉 LaTeX 轉 HTML 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法11 - Markdown 轉 LaTeX 轉 PDF 轉圖片 ## 懶得測試 ///////////////////////////////////////////////////////////////// # 方法87 - 用手機拍Markdown

///////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////// [後記] 所以甚麼時候要支援 Markdown? 還有 Highlighter? 支援個 Embedly也好啊QQ 最後放個潮潮的分享程式碼方式

#PRIVATE_CONTENT