Madopic 是由 xiaolinbaba 開(kāi)發(fā)的在線(xiàn) Markdown?to?Picture（Markdown 轉(zhuǎn)圖片）工具，旨在把普通的 Markdown 文本快速渲染成精美的海報(bào)式圖片，特別適合在社交媒體、技術(shù)博客、學(xué)術(shù)報(bào)告等場(chǎng)景中分享。

• Madopic官網(wǎng)入口網(wǎng)址：https://madopic.thus.chat/
• Madopic開(kāi)源項(xiàng)目地址：https://github.com/xiaolinbaba/Madopic

主要功能概覽

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

使用流程（簡(jiǎn)要）

1. 編寫(xiě) Markdown：左側(cè)編輯器輸入文本、公式或圖表代碼。
2. 實(shí)時(shí)預(yù)覽：右側(cè)即時(shí)渲染，支持公式、Mermaid、ECharts。
3. 自定義外觀(guān)：點(diǎn)擊“自定義”按鈕調(diào)節(jié)背景、字體、邊距、輸出模式。
4. 插入模板：工具欄提供公式、化學(xué)式、圖表等快捷按鈕，一鍵生成對(duì)應(yīng)代碼塊。
5. 導(dǎo)出：選擇 PNG、PDF 或 HTML，系統(tǒng)會(huì)使用 html2canvas、jsPDF 等庫(kù)生成文件。

適用場(chǎng)景示例

• 學(xué)術(shù)海報(bào)：含復(fù)雜數(shù)學(xué)公式、實(shí)驗(yàn)流程圖、數(shù)據(jù)可視化。
• 技術(shù)文檔：API 說(shuō)明、架構(gòu)圖、代碼示例一鍵生成高清圖片。
• 社交媒體：知識(shí)分享筆記、學(xué)習(xí)心得、創(chuàng)意海報(bào)，直接導(dǎo)出適配小紅書(shū)或朋友圈尺寸。

Madopic 通過(guò)零成本創(chuàng)作、深度視覺(jué)定制和開(kāi)發(fā)者友好設(shè)計(jì)，降低了非設(shè)計(jì)專(zhuān)業(yè)人士的視覺(jué)創(chuàng)作門(mén)檻，讓文字創(chuàng)作者能夠在無(wú)需專(zhuān)業(yè)設(shè)計(jì)軟件的情況下，快速產(chǎn)出專(zhuān)業(yè)級(jí)的視覺(jué)內(nèi)容，顯著提升信息傳播的吸引力和效率。