抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

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

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)

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

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

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

效果如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!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>

评论