vscode导出markdown时出现的代码块分、换行错误、不渲染公式的解决方法

最新推荐文章于 2025-04-19 14:44:37 发布

_RedForest

最新推荐文章于 2025-04-19 14:44:37 发布

阅读量3.6k

点赞数 1

文章标签： vscode html markdown

本文链接：https://blog.youkuaiyun.com/qq_38689572/article/details/120143990

版权

本文介绍了在使用Markdown编辑器时遇到的代码块换页和数学公式不渲染问题。解决方案包括卸载MarkdownPreviewEnhanced插件，改用MarkdownAllinOne并调整导出设置。此外，还提供了在模板HTML中添加MathJax脚本来支持PDF中的数学公式显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#0:本文一切叙述前提为使用 `Markdown PDF` 插件导出PDF

#1:导出时代码块自动换页与换行错误

如果使用 Markdown Preview Enhanced 插件进行预览，并从预览页面右键导出PDF的话，就有可能遇到代码块换页的问题和换行错误问题。

解决方法为：卸载 Markdown Preview Enhanced ，安装 Markdown All in One 然后在markdown源码页面右键导出PDF。并且，在 Markdown Preview Enhanced 提供的预览中，渲染出的换行和导出后的换行一致。

#2:使用上述方法导出的PDF不渲染数学公式

找到如下路径(username为你的username)

C://Users/<username>/.vscode/extensions/yzane.markdown-pdf-1.4.1/template/template.html

在文件末尾添加(注意要写在body里面)

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" });</script>

效果如下：

<!DOCTYPE html>
<html>
<head>
<title>{{{title}}}</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
{{{style}}}
{{{mermaid}}}
</head>
<body>
  <script>
    mermaid.initialize({
      startOnLoad: true,
      theme: document.body.classList.contains('vscode-dark') || document.body.classList.contains('vscode-high-contrast')
          ? 'dark'
          : 'default'
    });
  </script>
{{{content}}}
</body>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$', '$']]}, messageStyle: "none" });</script>
</html>