应优先强制ChatGPT输出标准Markdown数学语法，并在博客前端启用KaTeX自动识别$…$和$$…$$结构，同时确保构建阶段预编译或编辑器不转义美元符。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜
如果您在博客中嵌入ChatGPT生成的LaTeX公式，但页面显示为原始代码或渲染失败，则可能是AI输出未遵循标准Markdown数学语法，或前端未正确配置MathJax/KaTeX解析器。以下是解决此问题的步骤：
一、强制ChatGPT输出标准Markdown行内与块级公式语法
ChatGPT默认可能混用非标准符号（如使用$…$但遗漏空格、误用$$…$$而不换行、或插入HTML标签），需明确指令其遵守CommonMark兼容的LaTeX数学标记规范。该方法不依赖后端修改，直接从源头统一输出格式。
1、在提问中明确指定输出格式要求：“请仅使用标准Markdown数学语法：行内公式用单个美元符包裹，如 $E=mc^2$；独立公式块用一对美元符且独占一行，如 $$\int_0^1 x^2 dx = \frac{1}{3}$$。禁止使用\( \)、\[ \]、
2、若已获得错误输出，手动校验并修正所有公式边界：确保行内公式两侧均为单个$且紧邻公式内容，无空格；块级公式前后必须各为单独一行，且行首无缩进、行尾无多余字符。
立即学习“前端免费学习笔记（深入）”；
3、对批量内容执行正则替换（适用于支持正则的编辑器）：将 \$(?!\$)([^\$]+)\$(?!\$) 替换为 \$\$1\$，将 \$\$([^\$]+)\$\$ 替换为 $$\$1$$（注意保留换行）。
二、在博客前端启用KaTeX并配置自动识别模式
KaTeX比MathJax更轻量且默认支持标准Markdown数学语法，但需显式激活其delimiters选项以识别$…$和$$…$$结构。该方法无需修改文章源码，由前端统一接管解析逻辑。
1、在博客HTML模板的
中引入KaTeX CSS与JS：https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css 和 https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js。
2、添加初始化脚本，启用美元符号解析：katex.renderMultiple(document.body, { delimiters: [{left: ‘$$’, right: ‘$$’, display: true}, {left: ‘$’, right: ‘$’, display: false}] });
3、确保博客内容容器（如article.post-content）未被CSS设置为white-space: pre或禁用innerHTML解析，否则KaTeX无法遍历文本节点。
