這幾天預(yù)習(xí)期末考試扁位，打算找個(gè)方便的文本編輯器記筆記准潭。剛安裝了VS Code，用起來(lái)覺(jué)得挺順手的域仇，本身還可以實(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)手豐衣足食，何樂(lè)而不為挚瘟。
心樂(lè)之叹谁，果斷安裝饲梭。裝完隨手打開(kāi)一個(gè).md文件，發(fā)現(xiàn)這個(gè)插件已經(jīng)自動(dòng)用默認(rèn)瀏覽器打開(kāi)了一個(gè)網(wǎng)頁(yè)焰檩，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 插件的目錄。打開(kāi) 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 =
"<h1>Oops!</h1>" +
"<h3>Firefox doesn't allow windows to self-close.</h3>" +
"<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.</h3>"
document.body.innerHTML = firefoxWarning;
});
});
</script>
4 . 保存国旷，關(guān)閉網(wǎng)頁(yè)，重啟VS Code茫死，萬(wàn)事大吉跪但。
