(十) Make VSCode MarkdownPdf Plugin Support Latex Math Formula

最新推荐文章于 2025-02-21 14:26:20 发布

恒友成

最新推荐文章于 2025-02-21 14:26:20 发布

阅读量394

点赞数

分类专栏： Utils 文章标签： vscode 编辑器 ide

本文链接：https://blog.csdn.net/lx_ros/article/details/125055813

版权

Utils 专栏收录该内容

10 篇文章

订阅专栏

MarkdownPDF插件在转换Markdown文件为PNG、PDF或HTML时发现无法正确导出LaTeX数学格式。解决方案是在模板.html中添加MathJax.js引用和配置，以支持LaTeX公式显示。具体操作包括找到MarkdownPDF插件的template.html文件，添加相关JavaScript代码，然后保存并重新使用插件，问题即可得到解决。

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

欢迎访问个人网络日志🌹🌹知行空间🌹🌹

Problem Description

在这里插入图片描述
Markdown pdf plugin support to convert markdown file to multitype files, such as png, pdf and html. However, it was found that it can export latex math format correctly.

Solution

As the advice provided in the github issues of Markdown pdf Plugin project, some correction should be made in the template.html file of this plugin. Firstly, find the template.html of the plugin, it is generally located in the home directory, like the following example,

/home/lx/.vscode/extensions/yzane.markdown-pdf-1.4.4/template/template.html

add the next two lines to the template.html,

<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>

After adding the above code, the final file should be:

<!DOCTYPE html>
<html>
<head>
<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>
<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>
</html>