Madopic

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 通过零成本创作、深度视觉定制和开发者友好设计，降低了非设计专业人士的视觉创作门槛，让文字创作者能够在无需专业设计软件的情况下，快速产出专业级的视觉内容，显著提升信息传播的吸引力和效率。