[{"data":1,"prerenderedAt":33},["ShallowReactive",2],{"i-lucide:grip":3,"i-lucide:chevron-right":8,"i-lucide:moon":10,"i-lucide:sun":12,"i-lucide:languages":14,"i-lucide:chevron-down":16,"i-lucide:shield-check":18,"i-lucide:mail":20,"blog-body-markdown-formula-to-image-zh":22,"i-lucide:lightbulb":23,"i-lucide:graduation-cap":25,"i-lucide:file-text":27,"i-lucide:square-sigma":29,"i-lucide:star":31},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"19\" r=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 8l6 6m-7 0l6-6l2-3M2 5h12M7 2h1m14 20l-5-10l-5 10m2-4h6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>\u003Cpath d=\"m9 12l2 2l4-4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>","\u003Cblockquote>\n\u003Cp>Markdown 笔记里的公式「看着对」，只说明\u003Cstrong>你的笔记软件会渲染\u003C\u002Fstrong>；微信、飞书、作业平台往往不会。不要把公式丢给 AI 在对话里当字符做完；抽出那一条写到预览页上，你看渲染结果再决定出图——发给别人的才是公式而不是 \u003Ccode>$...$\u003C\u002Fcode>。\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-formula-to-image\u002Fcover.webp\" alt=\"文章核心论点配图\">\u003C\u002Fp>\n\u003Ch2>为什么笔记里公式正常，一发出去就变成代码？\u003C\u002Fh2>\n\u003Cp>因为渲染发生在\u003Cstrong>你正在用的笔记软件里\u003C\u002Fstrong>，不会跟着复制走。Obsidian、Typora、VS Code 预览会把 \u003Ccode>$E=mc^2$\u003C\u002Fcode> 画成公式；微信聊天、飞书会话、学习通\u002F超星的文本框、多数邮件，都只当普通字符。对方收到的就是美元符号和反斜杠。\u003C\u002Fp>\n\u003Cp>这不是你公式写错了。同一条源码，在能跑 KaTeX \u002F MathJax 的页面上是式子，在纯文本通道里是代码。学生交作业、把推导发到课程群、把关键式子贴进飞书文档，踩的都是这一条。\u003C\u002Fp>\n\u003Cp>另一个常见失误是把\u003Cstrong>整篇笔记\u003C\u002Fstrong>（标题、列表、好几条 \u003Ccode>$…$\u003C\u002Fcode>）一起丢给「公式工具」。单条预览框会截断或报错，页上若提示「这是带多条公式的 Markdown 正文」，说明走错形态：应先抽出要发的那一条。\u003C\u002Fp>\n\u003Cp>作业当场验对、Word \u002F PPT \u002F 公众号怎么插图，分别见 \u003Ca href=\"\u002Fzh\u002Fblog\u002Fp\u002Fai-write-latex-formula-preview\u002F\">不会写 LaTeX 时怎么验对\u003C\u002Fa> 和 \u003Ca href=\"\u002Fzh\u002Fblog\u002Fp\u002Finsert-math-formula-word-ppt\u002F\">公式插入 Word \u002F PPT \u002F 公众号\u003C\u002Fa>。本文只处理「笔记里已经有式子，要发给不渲染数学的人」。\u003C\u002Fp>\n\u003Ch2>怎么把一条公式渲成图再发出去？\u003C\u002Fh2>\n\u003Cp>抽出那一条，单独预览，确认后再导出图片——不要从笔记里直接复制源码到聊天框。若公式还不会写，让正在用的 AI 只输出\u003Cstrong>公式本体\u003C\u002Fstrong>（不要 \u003Ccode>$\u003C\u002Fcode>、\u003Ccode>$$\u003C\u002Fcode>，也不要整篇 Markdown），写到带实时预览的页上。打开 \u003Ca href=\"\u002Fzh\u002Fmarkdown\u002Flatex\u002F\">Markdown LaTeX 公式\u003C\u002Fa>，打开「连接你的 AI」。\u003C\u002Fp>\n\u003Cp>一次来回可以是这样——AI 加快写出命令，你看预览决过不过关：\u003C\u002Fp>\n\u003Cp>\u003Cstrong>你：\u003C\u002Fstrong>\u003Cbr>\n求根公式，只要公式本体，不要美元符号，也不要整篇笔记。写到当前公式页上，我对着预览看。\u003C\u002Fp>\n\u003Cp>\u003Cstrong>助手：\u003C\u002Fstrong>\u003Cbr>\n已经写入 \u003Ccode>formula.tex\u003C\u002Fcode>。预览若显示「渲染成功」，你再选 PNG 发给微信，或 SVG 进幻灯片。报错就把红字发回来，我只修这一条。\u003C\u002Fp>\n\u003Cp>不要靠想象猜公式对不对——左边是对话，箭头连到右边正在打开的公式页，预览里已经渲染出式子：\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fmarkdown-formula-to-image\u002F02-ai-flow.webp\" alt=\"左边和 AI 对话，右边 MeTool 公式页立刻出现渲染结果\">\u003C\u002Fp>\n\u003Cp>预览对了才算出图；下标含义仍要你看一眼。人机双写在这里，不是让模型在聊天里交一卷源码就结束。接入见 \u003Ca href=\"\u002Fzh\u002Fblog\u002Fp\u002Fconnect-ai-to-online-tools\u002F\">怎么让 AI 操作网页工具\u003C\u002Fa>。\u003C\u002Fp>\n\u003Cp>花括号没闭、\u003Ccode>\\Sigma\u003C\u002Fcode> 和 \u003Ccode>\\sigma\u003C\u002Fcode> 写混，页上会标位置。不要让模型「顺便把整节笔记再写一遍」，会撞上大约五千字符的上限。\u003C\u002Fp>\n\u003Cp>预览通过后，让助手列出 PNG 和 SVG，你选一种再触发浏览器下载：\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>你要发到哪\u003C\u002Fth>\n\u003Cth>更稳的格式\u003C\u002Fth>\n\u003Cth>原因\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>微信 \u002F 钉钉群、作业提交框\u003C\u002Ftd>\n\u003Ctd>PNG\u003C\u002Ftd>\n\u003Ctd>当图片发，对方不用任何数学引擎\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>飞书文档、可插入矢量的 PPT\u003C\u002Ftd>\n\u003Ctd>SVG\u003C\u002Ftd>\n\u003Ctd>放大、投影不糊\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>仍在 Obsidian 里自己看、以后还要改\u003C\u002Ftd>\n\u003Ctd>源码留在笔记里\u003C\u002Ftd>\n\u003Ctd>图难改，源码可继续编辑\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>公众号、Word\u003C\u002Ftd>\n\u003Ctd>PNG（公众号不认 SVG）\u003C\u002Ftd>\n\u003Ctd>细节见公式插文档那篇\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>接入步骤见 \u003Ca href=\"\u002Fzh\u002Fblog\u002Fp\u002Fconnect-ai-to-online-tools\u002F\">怎么让 AI 操作网页工具\u003C\u002Fa>。出现 \u003Ccode>\\documentclass\u003C\u002Fcode>、\u003Ccode>\\section\u003C\u002Fcode> 时，这是论文工程，应改去 \u003Ca href=\"\u002Fzh\u002Flatex\u002Fedit\u002F\">LaTeX 在线编辑器\u003C\u002Fa>，不要塞进单公式框。\u003C\u002Fp>\n\u003Cp>KaTeX 能覆盖作业和笔记里的常用数学，不是完整 TeX。TikZ 图、冷门宏包、超长推导，单条预览做不到，应编译完整文档或拆成多张图。\u003C\u002Fp>\n\u003Ch2>什么时候必须出图，什么时候还能贴源码？\u003C\u002Fh2>\n\u003Cp>对方的软件\u003Cstrong>不会渲染 LaTeX\u003C\u002Fstrong> 时必须出图；对方和你用同一类笔记软件、或平台明确支持数学时，可以继续贴源码。\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>场景\u003C\u002Fth>\n\u003Cth>建议\u003C\u002Fth>\n\u003Cth>原因\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>发到课程微信群、家长群\u003C\u002Ftd>\n\u003Ctd>导出 PNG\u003C\u002Ftd>\n\u003Ctd>接收端是聊天，没有公式引擎\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>交到只收图片\u002FWord 的作业入口\u003C\u002Ftd>\n\u003Ctd>PNG 插入文档，或直接交图\u003C\u002Ftd>\n\u003Ctd>源码会被当正文\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>继续写在 Obsidian \u002F Typora\u003C\u002Ftd>\n\u003Ctd>笔记里保留 \u003Ccode>$...$\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>本地能渲，改起来快\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>同一条式子既要留在笔记、又要发群\u003C\u002Ftd>\n\u003Ctd>源码留笔记，另导出一张图\u003C\u002Ftd>\n\u003Ctd>两处各用各的形态\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>模型给的是带叙述的整节 Markdown\u003C\u002Ftd>\n\u003Ctd>回到 \u003Ca href=\"\u002Fzh\u002Fmarkdown\u002Fedit\u002F\">Markdown 编辑器\u003C\u002Fa> 共写正文\u003C\u002Ftd>\n\u003Ctd>公式页一次只接受一条\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>边界：连接跟着标签走，关页即断。单公式页不做参考文献和交叉引用。AI 能加快「从题面到命令」，下标在学科里对不对，仍要你对着预览看一眼再发出去——发错一张图，群里比改笔记更难撤回。\u003C\u002Fp>\n\u003Ch2>小结\u003C\u002Fh2>\n\u003Cp>笔记里公式正常，只说明本地会渲染。发给微信、飞书、作业平台之前，抽出那一条、当场预览、再当图片发出去。不要把公式丢在对话里当字符做完。带着 \u003Ccode>$$\u003C\u002Fcode> 或整篇 Markdown 去渲，是最常见的走错形态。源码留给自己继续改，图片留给不能渲染的人看。\u003C\u002Fp>\n",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":24},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":26},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6\"\u002F>\u003Cpath d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":28},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":30},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M16 8.9V7H8l4 5l-4 5h8v-1.9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":32},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z\"\u002F>",1787621258332]