Madopic

Madopic 是一个在线 Markdown 转图片工具，由开发者 xiaolinbaba 制作并开源。核心功能集中在编辑、预览、导出三个环节：左侧写 Markdown，右侧即时出图，公式、图表、代码块都能一起带出来，不用再单独打开设计软件。技术博客配图、学术海报、社交平台上的知识卡片，都是它常见的用武之地。

• Madopic 官网入口：https://madopic.thus.chat/

编辑器功能

• 实时渲染：左侧输入 Markdown 文本，右侧同步显示渲染结果，改动一处立刻能看到效果。
• 版式预设：提供自由画布、小红书 3:4、朋友圈长图等显示模式，背景、字体大小、边距可以逐项调节。
• 快捷操作：带键盘快捷键和操作反馈提示，工具栏上还备着公式、化学式、图表的插入按钮，点一下就能生成对应代码块。
• 代码块处理：长代码自动换行完整显示，不会出现横向滚动条，读起来更顺。

公式图表支持

• 数学公式：基于 KaTeX，行内 $…$ 和块级 $$…$$ 两种写法都支持，另有公式模板库可直接套用。
• 化学公式：接入 mhchem 扩展，化学方程式同样能正常排版，写教材笔记或实验记录用得上。
• 流程图形：Mermaid 负责流程图、序列图、甘特图、饼图等结构图，语法写完自动渲染。
• 数据图表：ECharts 提供柱状图、折线图、饼图等模板，适合把数据可视化一起放进图片里。

成品导出方式

• 多格式输出：PNG、PDF、HTML 三种格式一键导出，靠 html2canvas、jsPDF 等库生成文件，打印或嵌入网页都行。
• 图片数据管理：支持本地选图、剪贴板粘贴，Base64 编码自动处理，导出时会替换成完整数据，不怕图片丢链。
• 自行托管：克隆仓库后用任意 HTTP 服务器启动即可运行，适合自己部署或者做二次开发。

从写作到出图，整条链路在一个网页里就能走完，这是它最省事的地方。日常使用还有响应式布局和 PWA 支持，手机浏览器里也能随手改随手导；遇到带公式、流程图的内容，不用再为排版反复折腾。如果你经常需要产出高清的图文卡片，又不想为了一次出图去学设计软件，这类 Markdown 转图片工具可以先拿 Madopic 试一次。