如何解決vscode latex無法預(yù)覽的問題

發(fā)布時(shí)間：2021-01-11 10:46:20 來源：億速云閱讀：446 作者：小新欄目：軟件技術(shù)

這篇文章主要介紹了如何解決vscode latex無法預(yù)覽的問題，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

vscode latex無法預(yù)覽怎么辦？

在VS Code下實(shí)時(shí)預(yù)覽Markdown和LATEX

相關(guān)推薦：vscode教程

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

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

心樂之，果斷安裝。裝完隨手打開一個(gè).md文件，發(fā)現(xiàn)這個(gè)插件已經(jīng)自動(dòng)用默認(rèn)瀏覽器打開了一個(gè)網(wǎng)頁，render出效果。自己動(dòng)手改了改這個(gè)插件，加上MathJax Library，就已經(jīng)可以render出Markdown中的LATEX了。步驟如下：

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

打開 index.html，在<head>標(biāo)簽內(nèi)添加以下代碼：

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

在

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

后加入一行

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

既：

<script>
    var socket = io.connect('http://localhost:8090/');
    socket.on('connect', function () {
      socket.on('newContent', function(newHTML) {
        document.querySelector(".markdown-body").innerHTML = newHTML;
+        MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
      });
      socket.on('die', function(newHTML) {
        window.open('', '_self', '');
        window.close();
        var firefoxWarning =
        "<h2>Oops!</h2>" +
        "<h4>Firefox doesn't allow windows to self-close.</h4>" +
        "<h4>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.</h4>"
        document.body.innerHTML = firefoxWarning;
      });
    });
  </script>

4 . 保存，關(guān)閉網(wǎng)頁，重啟VS Code，萬事大吉。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何解決vscode latex無法預(yù)覽的問題”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

如何解決vscode latex無法預(yù)覽的問題

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽