Madopic 是由 xiaolinbaba 開發的在線 Markdown?to?Picture（Markdown 轉圖片）工具，旨在把普通的 Markdown 文本快速渲染成精美的海報式圖片，特別適合在社交媒體、技術博客、學術報告等場景中分享。

• Madopic官網入口網址：https://madopic.thus.chat/
• Madopic開源項目地址：https://github.com/xiaolinbaba/Madopic

主要功能概覽

• 基礎渲染：Markdown 解析、實時預覽、可自定義背景、字體大小、邊距、顯示模式（自由 / 小紅書 3:4 / 朋友圈長圖）。直接在左側編輯器編寫，右側即時預覽。
• 多格式導出：PNG、PDF、HTML 三種格式一鍵導出。支持高清位圖和矢量文檔，滿足打印或網頁嵌入需求。
• 數學公式：KaTeX + mhchem（化學公式）支持行內 $…$ 與塊級 $$…$$，內置公式模板庫。適合學術海報、教材筆記等。
• 圖表繪制：Mermaid（流程圖、序列圖、甘特圖、餅圖等），ECharts（柱狀圖、折線圖、餅圖等）。一鍵插入豐富圖表模板，自動渲染。
• 圖片管理：本地圖片選擇、剪貼板粘貼、Base64 編碼自動管理。便捷插入圖片，導出時自動替換為完整數據。
• 代碼塊優化：自動換行、長代碼完整顯示。防止水平滾動，提升閱讀體驗。
• 快捷鍵 & UI：鍵盤快捷鍵、通知反饋、響應式布局、PWA 支持。提升編輯效率，支持移動端使用。
• 本地部署：只需克隆倉庫并使用任意 HTTP 服務器啟動。適合自行托管或二次開發。

使用流程（簡要）

1. 編寫 Markdown：左側編輯器輸入文本、公式或圖表代碼。
2. 實時預覽：右側即時渲染，支持公式、Mermaid、ECharts。
3. 自定義外觀：點擊“自定義”按鈕調節背景、字體、邊距、輸出模式。
4. 插入模板：工具欄提供公式、化學式、圖表等快捷按鈕，一鍵生成對應代碼塊。
5. 導出：選擇 PNG、PDF 或 HTML，系統會使用 html2canvas、jsPDF 等庫生成文件。

適用場景示例

• 學術海報：含復雜數學公式、實驗流程圖、數據可視化。
• 技術文檔：API 說明、架構圖、代碼示例一鍵生成高清圖片。
• 社交媒體：知識分享筆記、學習心得、創意海報，直接導出適配小紅書或朋友圈尺寸。

Madopic 通過零成本創作、深度視覺定制和開發者友好設計，降低了非設計專業人士的視覺創作門檻，讓文字創作者能夠在無需專業設計軟件的情況下，快速產出專業級的視覺內容，顯著提升信息傳播的吸引力和效率。