vscode latex無法預覽怎么辦

2215

vscode latex無法預覽怎么辦

vscode latex無法預覽怎么辦？

在VS Code下實時預覽Markdown和LATEX

相關推薦：vscode教程

這幾天預習期末考試，打算找個方便的文本編輯器記筆記。剛安裝了VS Code，用起來覺得挺順手的，本身還可以實時預覽Markdown，就打算直接用它了。

然而Markdown原生并不支持LATEX，打公式只能用如和等html tag湊活將就，費時又費力。去VS Marketplace看了一下兒，發現有一款叫Instant Markdown的插件可以用實時把markdown源文件送到瀏覽器并render預覽效果。雖然原生也不支持LATEX，但是可以改嘛！親自動手豐衣足食，何樂而不為。

心樂之，果斷安裝。裝完隨手打開一個.md文件，發現這個插件已經自動用默認瀏覽器打開了一個網頁，render出效果。自己動手改了改這個插件，加上MathJax Library，就已經可以render出Markdown中的LATEX了。步驟如下：

首先在終端／命令提示符下 cd $HOME/.vscode/extensions/dbankier.vscode-instant-markdown-0.1.0/node_modules/instant-markdown-d 進入 instant-markdown 插件的目錄。

打開 index.html，在

標簽內添加以下代碼：

?<script>   MathJax.Hub.Config({tex2jax: {inlineMath: [[&#39;$&#39;,&#39;$&#39;], [&#39;(&#39;,&#39;)&#39;]]}});   </script> ??<script>   </script>

在

socket.on('newContent',?function(newHTML)?{ ??document.querySelector(".markdown-body").innerHTML?=?newHTML;

后加入一行

MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

既：

<script>     var socket = io.connect(&#39;http://localhost:8090/&#39;);     socket.on(&#39;connect&#39;, function () {       socket.on(&#39;newContent&#39;, function(newHTML) {         document.querySelector(".markdown-body").innerHTML = newHTML; +        MathJax.Hub.Queue([&quot;Typeset&quot;,MathJax.Hub]);       });       socket.on(&#39;die&#39;, function(newHTML) {         window.open(&#39;&#39;, &#39;_self&#39;, &#39;&#39;);         window.close();         var firefoxWarning =         "<h1>Oops!" +         "<h3>Firefox doesn&#39;t allow windows to self-close." +         "<h3>If you want the preview window to close automatically like in other browsers, go to about:config and set dom.allow_scripts_to_close_windows to true."         document.body.innerHTML = firefoxWarning;       });     });   </script>

4 . 保存，關閉網頁，重啟VS Code，萬事大吉。

以上就是

? 版權聲明
THE END
開發工具
# vscode
喜歡就支持一下吧
點贊15 分享