系统更新

• 多格式精确识别: 能够精确识别 Mermaid 图表语法、原生 HTML/XML 标签、各种编程语言源码（Python、JS、CSS 等）以及 LaTeX 数据公式。
• 结构化特征分析: 不仅仅是关键字匹配，还包括例如代码边界符大括号的密度、分号出现频率等智能加权来综合评分判断格式。
• 性能级优化: 检测逻辑内置 Debounce 防抖，确保你的大段代码实时编辑和输入流畅度丝毫不受影响。

• 一键跳转拦截: 一旦监测到内容不匹配，会顶部自动弹出常驻建议横幅，一键顺畅切换。
• 状态原封不动: 跳转前后不用再纠结你的代码！路由切换前内容会被极速缓存到浏览器的 sessionStorage，目标专有工具页面加载后，原文本会一字不落地自动注入在新编辑器里。

• 直接嵌入渲染：在 Markdown 中直接粘贴 <svg>...</svg> 代码，即可自动渲染为可视化图形，完整保留渐变、滤镜、剪裁路径和 CSS 动画等高级特性。
• 代码展示模式：使用 ```svg 代码块可以展示 SVG 源码（语法高亮），适合教学和文档分享。
• 完美保真：绕过 HTML5 解析器对 XML 命名空间（xmlns:xlink、xlink:href）和 SVG 专有属性（clip-path、filter）的影响，确保渲染结果与原始 SVG 一致。

• 完美渲染：支持现代 CSS、Flexbox 弹性盒子、Grid 网格布局及高级排版，精准转换为图片格式。
• 丰富的导出选项：支持将 HTML 代码段下载为 PNG、JPEG、WebP 甚至 PDF 格式。
• 文件上传与 URL 导入：可一键导入本地 .html 文件，或直接抓取任意公开 URL 的 HTML 内容。
• API 无缝集成：已完全接入 /api/v1/images/generate 接口，支持通过 API 自动化生成。

• 使用 ```plantuml 代码块即可渲染 UML 图表（时序图、类图、用例图、活动图等）。
• 基于 PlantUML 公共服务器渲染，输出高质量 SVG，无需本地安装 Java。

• 使用 ```infographic 代码块渲染信息图可视化。
• 集成 AntV Infographic 引擎，内置约 200 种信息图模板。
• 支持列表、流程、对比等多种布局类型。

• 支持两种语法：[文字]{注音} 和 [文字]^(注音)。
• 逐字注音（mono ruby）：当字符数与音节数匹配时，每个字符独立标注。
• 智能匹配：音节多于字符时自动截取，字符多于音节时整体包裹。
• 支持空格、·、・ 作为音节分隔符。

• 新增支持 \(...\) 行内公式和 \[...\] 块级公式语法。
• 自动转换为 remark-math 兼容格式，与已有的 $...$ / $$...$$ 语法并存。

• 已发布到 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_config.json 中添加：

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

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

• npm：npm install markdowntoimage-mcp
• 获取 API Token：个人中心 → API Token
• API 文档：markdowntoimage.com/api-docs

• 图片生成接口：POST /api/v1/images/generate — 将 Markdown 转换为 PNG、JPEG 或 WebP 图片，完整支持代码高亮、KaTeX 数学公式、Mermaid 图表以及 19 种视觉主题。
• 用量统计接口：GET /api/v1/account/usage — 实时查看当月配额和积分余额。
• MCP 兼容 Schema：GET /api/v1/schema — 以 MCP（模型上下文协议）工具定义格式提供 API Schema，方便 AI 代理集成。
• 两种响应模式：url 模式（返回临时图片 URL，保留 24 小时）或 binary 模式（返回原始图片数据）。

• 安全的 Token 管理：在个人中心页面创建、查看和撤销 API Token。Token 以 SHA-256 哈希存储，原始密钥仅在创建时展示一次。
• Bearer Token 认证：所有 API 调用使用简洁的 Authorization: Bearer mti_xxx 请求头。

• 每月 50 次免费请求：每个账户每月享有 50 次免费 API 调用（生成的图片带水印）。
• 积分付费请求：免费额度用完后，每次请求消耗 1 积分，并自动移除水印。
• 用量面板：在 API Token 页面实时监控免费额度和积分余额。

• 交互式 API 文档：全新的 /api-docs 页面，包含端点文档、参数参考（列出主题、代码样式、字体的所有合法值）以及 cURL、Python、Node.js、Go 代码示例。
• API 上线公告横幅：全站显示公告横幅，通知用户 API 已开放。

• 主题渲染修复：修复了 theme 参数在 API 生成的图片上不生效的问题。19 种主题现在都能正确应用。
• 字体渲染修复：修复了 fontFamily 参数（如 inter、japanese）已加载但未应用的问题。Google Fonts 现在能正确设置 CSS font-family 属性。

• 首页标题优化：优化了首页标题的排版，确保所有字符完美显示，同时保持时尚紧凑的美感。
• AdSense 布局修复：解决了超宽屏幕（>2560px）上导航栏可能遮挡侧边栏内容的布局问题。
• 重复 H1 移除：优化了页面结构以提升 SEO，确保 converter 和 markdown-to-cards 页面上只有一个语义化的 H1 标签。

• 模块化翻译系统：重构了整个本地化系统，将大型 JSON 文件拆分为模块化组件，以提高可维护性和加载速度。
• 全语言支持：为所有支持的语言（中文、英语、西班牙语、德语、葡萄牙语、日语）添加了 explore 功能的完整翻译文件。
• 缺失消息修复：修复了西班牙语、中文和其他区域设置中的各种 MISSING_MESSAGE 错误，确保无缝的本地化体验。

• 示例文档更新：更新了 Markdown 示例模板，遵循标题层级的最佳实践。
• 性能优化：通过减小翻译包的大小来优化加载时间。

• 用户媒体库：新增用户媒体库功能，自动保存用户上传的文件记录，方便管理和复用。
• 公式居中设置：新增了公式是否居中显示的设置选项，让数学公式排版更加灵活。
• 水印优化：在 Code、Mermaid 和 Formula 模式生成的图片中，增加了 "created by markdowntoimage.com" 的水印信息。
• 代码格式优化：优化了代码块的格式化效果。

• 字体加载优化：
  • 解决字体加载问题，调整动态字体加载策略。
  • 修复 Markdown to Cards 字体加载问题。
  • 修复预览页面字体选择与前端不一致的问题。
  • 修复页面初始化时因 document 未定义导致的错误。
• 多语言修复：修复了多语言环境中翻译键缺失的问题。

我们推出了全新的 Markdown to Cards 功能！现在，你可以将 Markdown 文本轻松转换为精美的社交媒体分享卡片。

• 多种布局：提供多种预设卡片样式，满足不同场景需求。
• 智能排版：自动优化长文本在卡片上的显示效果。
• 社交分享：生成的图片尺寸完美适配 Twitter, Instagram, 小红书等平台。

为了让生成的图片更符合你的品牌或个人风格，我们大幅增强了主题自定义能力：

• 颜色定制：现在可以自由修改标题、正文、链接和强调文字的颜色，不再局限于预设主题。
• 字体选择：新增了多种精选字体，支持更丰富的中英文混排效果。
• 背景图片：支持上传自定义背景图片，并提供遮罩 (Overlay) 和模糊 (Blur) 效果选项，让文字更清晰。

• 新增日语支持：我们正式添加了日语 (Japanese) 支持！🇯🇵
• 翻译优化：全面检查并修复了多处缺失的翻译 (i18n)，提升了多语言环境下的使用体验。

• Logo 展示：修复了 Logo 在部分主题下展示位置偏移的问题。
• 性能优化：优化了批量生成图片 (Batch Images) 的性能和稳定性。
• 预览优化：修复了预览缓存可能导致旧内容残留的问题。
• 体验细节：增加了 "Powered by" 的链接展示，方便用户了解更多。

快来体验这些新功能吧！如果你有任何建议或遇到问题，欢迎随时反馈。