Madopic

Madopic是一个基于浏览器的Markdown可视化工具，核心功能是把纯文本的Markdown内容转换成适合社交媒体传播的图文海报。它由开发者xiaolinbaba创建并开源在GitHub上，采用MIT协议，可以免费和自行部署。工具集成了KaTeX数学公式渲染引擎和mhchem化学扩展，支持行内公式和块级公式。图表方面集成了Mermaid和ECharts，可以绘制流程图、序列图、甘特图以及柱状图、折线图等数据可视化内容。编辑界面采用左右分栏设计，左侧写Markdown，右侧实时预览。导出支持PNG高清位图、可编辑文字的PDF以及HTML页面。所有处理都在浏览器本地完成，不需要上传服务器。

官网入口地址

https://madopic.thus.chat/Madopic

开源项目地址

https://github.com/xiaolinbaba/Madopic

下载地址

本工具为在线网页平台，无需下载安装，浏览器直接访问即可使用。也支持本地部署：克隆项目到本地后，使用任意HTTP服务器启动即可。

功能介绍

Markdown基础渲染
支持标准的Markdown语法，包括标题、列表、代码块、表格、引用等。左侧编辑，右侧实时预览，所见即所得。

数学与化学公式
集成KaTeX引擎，支持行内公式和块级公式。通过mhchem扩展支持化学反应方程式。内置数学、物理、化学公式模板库，点击工具栏按钮即可插入。

图表绘制
集成Mermaid支持流程图、序列图、甘特图、饼图等。集成ECharts支持柱状图、折线图、饼图等数据可视化。提供一键插入的图表模板。

自定义外观
可以调整背景渐变色、字体大小（12-32px）、内容边距（20-80px）。支持三种显示模式：自由模式、小红书3:4比例、朋友圈长图。

图片管理
支持本地图片选择、剪贴板粘贴、网络图片链接。Base64编码自动管理，导出时自动替换为完整数据。

多格式导出
支持导出PNG高清图片、PDF文档（正文文字可选择和编辑）、HTML页面。PDF导出使用jsPDF矢量文本层，保留可编辑文字。

代码块优化
长代码自动换行，防止水平滚动，确保完整显示。

快捷键与PWA支持
提供键盘快捷键提升编辑效率，支持PWA可以在移动端安装使用。

应用场景

学术科研海报
制作包含复杂数学公式、实验流程图、数据可视化的学术海报。论文图表生成、教学课件制作都能用。

技术文档与博客
生成API文档、架构图、代码示例的高清图片，用于技术博客配图或项目文档展示。

社交媒体知识分享
制作小红书、朋友圈、公众号的知识卡片和学习笔记。公式推导、概念解释、思维导图直接导出适配尺寸。

商业报告与培训材料
制作项目进度甘特图、统计图表、操作流程图，用于产品功能介绍和培训材料。

使用方法

基础操作
打开官网后，在左侧编辑器输入Markdown文本，右侧实时显示渲染效果。点击“自定义”按钮调整背景、字体大小、边距和显示模式。满意后点击导出按钮，选择PNG、PDF或HTML格式。

插入公式和图表
点击工具栏的对应按钮：数学公式、物理公式、化学公式、质能守恒、流程图、序列图、甘特图、数据图表等，一键生成对应代码块，修改内容即可。

导出保存
PNG导出生成高清图片，PDF导出直接下载并保留可编辑文字，HTML导出生成网页文件。

服务支持

Madopic免费，采用MIT开源协议，无需注册账号。所有渲染和导出在浏览器本地完成，不上传内容到服务器。支持移动端和PWA安装。项目在GitHub上持续更新，2025年8月进行了重大功能更新，增加了数学公式渲染、图表绘制和PDF导出功能。2025年9月增加了HTML导出。本地部署只需克隆仓库并使用任意HTTP服务器启动。如需了解功能或参与贡献，可以访问GitHub仓库。