(十) Make VSCode MarkdownPdf Plugin Support Latex Math Formula

最新推荐文章于 2022-11-16 21:30:30 发布

恒友成

最新推荐文章于 2022-11-16 21:30:30 发布

阅读量237

点赞数

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

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

版权

Utils 专栏收录该内容

10 篇文章 3 订阅

订阅专栏

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

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>