开放 API 现已上线!通过 API 将 Markdown 转换为图片,每月 50 次免费调用。

将代码与内容转换为精美图片

支持 Markdown、代码、Mermaid 图表、公式等多种格式。专为开发者打造的一站式图片生成工具。

专业工具

为不同内容类型提供更专业的转换体验

Community Showcase

灵感画廊

探索 MarkdownToImage 的无限可能

1.simple Notes

1.simple Notes

清晰简洁的笔记格式,适合快速记录想法、会议记录或学习笔记。

查看详情
View 1.simple Notes
2.code Documentation

2.code Documentation

包含代码块和技术细节的文档,适用于API文档、开发指南或教程。

查看详情
View 2.code Documentation
3.data Presentation

3.data Presentation

通过表格、列表和图表展示数据的文档,适用于数据分析报告、业务报告或研究结果。

查看详情
View 3.data Presentation
4.product Features

4.product Features

清晰展示产品功能和优势的文档,适用于产品手册、功能介绍或营销材料。

查看详情
View 4.product Features
5.academic Paper

5.academic Paper

带有引用、数学公式和格式化内容的学术文档,适用于研究摘要、论文或学术笔记。

查看详情
View 5.academic Paper
6.math Formulas

6.math Formulas

使用 LaTeX 语法的科学和数学符号,适用于学术论文、教育材料或技术文档。

查看详情
View 6.math Formulas
7.mermaid Diagrams

7.mermaid Diagrams

使用 Mermaid 语法创建的可视化图表,适用于流程图、序列图、类图等。

查看详情
View 7.mermaid Diagrams

最新动态

第一时间了解产品的新功能与改进

Markdown to Image 更新:MCP Server — 在 Claude、Cursor 及 AI 助手中使用

发布日期:2026年2月12日

我们正式发布了 MarkdownToImage 的 MCP Server!现在你可以直接在 Claude Desktop、Cursor 或任何兼容 MCP 的 AI 客户端中将 Markdown 转换为图片,无需编写代码。

🤖 MCP Server (markdowntoimage-mcp)

  • 已发布到 npm:通过 npx markdowntoimage-mcp 即可安装使用,零配置,只需设置 API Token。
  • 提供两个工具
    • generate_image — 将 Markdown 转换为 PNG/JPEG/WebP 图片,支持全部参数(主题、代码样式、字体、宽度、质量)。
    • get_usage — 查询当月 API 配额和积分余额。
  • 丰富的参数描述:工具 Schema 中包含所有可用的主题、代码样式和字体选项,帮助 AI 模型自动选择最佳设置。
  • Stdio 传输:通过标准 I/O 与 Claude Desktop、Cursor 等 MCP 客户端无缝对接。

⚡ 快速配置(Claude Desktop)

claude_desktop_config.json 中添加:

{
  "mcpServers": {
    "markdowntoimage": {
      "command": "npx",
      "args": ["-y", "markdowntoimage-mcp"],
      "env": {
        "MTI_API_TOKEN": "mti_你的token"
      }
    }
  }
}

然后告诉 Claude:"帮我把这段 Markdown 转成图片",剩下的交给它。

📦 相关链接

Latest Articles

View All Posts →

最新文章

Markdown 语法终极速查表:从新手到专家

Markdown 语法终极速查表:从新手到专家

本文完整翻译了Markdown语法速查指南,系统涵盖了文本格式化、链接设置、图片插入、列表创建、代码展示等核心语法。在准确传达原文技术要点的同时,注重中文表达习惯,对代码示例进行了本地化处理

2025年11月17日
Markdown 代码块完全指南

Markdown 代码块完全指南

Markdown代码块提供三种核心创建方案:围栏代码块通过三反引号实现主流代码展示并支持语法高亮,缩进代码块采用四空格保持传统兼容性,波浪线语法则为含特殊字符的代码提供替代方案。配合行内代码标记与可视化转换工具,可构建专业级技术文档。

2025年11月17日
如何在 Markdown 中将图片宽度分为两等份

如何在 Markdown 中将图片宽度分为两等份

在Markdown中实现图片并排显示主要有三种方法:一是通过HTML的Flexbox布局,用<div>容器配合display: flex属性精准控制图片间距与宽度;二是直接为Markdown图片标签添加{width=50%}宽度参数(需环境支持),Obsidian编辑器对此兼容良好;三是R Markdown用户可在代码块中配置out.width='50%'参数配合knitr::include_graphics函数。这些方案都能让图片各占50%宽度并排显示,开发者可根据平台兼容性选择最适方案。

2025年11月17日