mdのリアルタイムプレビューのための崇高なテキスト+マークダウンプレビュー+ライブリロード+ MathJax

Sublime Text Markdown Preview Live Reload Mathjax

パッケージ制御

言うまでもなく、プラグインをダウンロードする場合は、最初にPackageControlをインストールする必要があります。

マークダウンプレビュー

ショートカットcmd+shift+p、入力install packageを使用して、マークダウンプレビューのインストールを見つけます。このプラグインは、ブラウザでプレビューするためにmdをhtmlに変換できます。

ブラウザでmdをプレビューする方法は2つあります。
1つの同じ使用ショートカットcmd+shift+p、入力選択Markdown Preview： Preview in Browserそして3つのオプションgithub、gitlab with markdownが出てきたら、ここでそのうちの1つを選択します。
2ショートカットキーを使用してプレビューすることもできます。プラグイン自体にはショートカットがないため、自分でプラグインを追加する必要があります。オンにするPreferences——>key bindingsそしてDefault(OSX).sublime-keymap—Userで、次を追加します。

[ { 'keys': ['ctrl+p'], /*Enter your key combination here, I set ctrl+p*/ here. 'command': 'markdown_preview', 'args': { 'target': 'browser', 'parser': 'markdown' /*Use local parsing here*/ } } ]

ライブリロード

上記はブラウザでプレビューできますが、リアルタイムではありません。たとえば、edit mdを入力した後、保存を続けてから、ctrl+p Goと入力して結果を確認する必要があります。

同じ、最初にライブリロードをインストールします。ここではスキップします。

ライブリロードを使用する前に、自動リロードをオンにするマークダウンプレビューが必要です。左側のデフォルト設定にある表示Preferences->Package Settings->Markdown Preview->Settings enable_autoreloadそれが真であるかどうかは一般的に真です。 trueでない場合は、適切なユーザー設定で追加されます。

{ 'enable_autoreload': true }

次に、LiveReloadプラグインを有効にできます。同じ使用法cmd+shift+p、入力選択LiveReload: Enable/disable plug-ins、次に選択Simple Reloadリアルタイムでプレビューできます（名前が示すように、400msの遅延もあります）。次に、編集mdを編集した後、それを保存すると、ブラウザが自動的に更新されます。

上記の参照： https://blog.csdn.net/qq_20011607/article/details/81370236

MathJax

ファイル内に多数の数式をコンパイルする必要があるため、MathJaxを有効にする必要があります。しかし、長い間投げると、プレビューは効果がありません！

次に、StackOverflowで答えを見つけます。
how-to-enable-mathjax-rendering-in-sublime-text-markdown-preview

ここで採用された@VividDへの回答はすでに比較的早い段階であり、現在そのようなオプションはありません。次に、設定に追加する答えがその下にあります。

{ 'enable_mathjax': true, 'js': [ 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js', 'res://MarkdownPreview/js/math_config.js', ], }

その後、編集する必要があります。math_config.js。私はここで編集していません。math_config.js、（このファイルが見つかりません!!!）、そしてこの回答のコメントでこう言いました、 github.com/facelessuser/MarkdownPreview/issues/12、
この問題も追加する必要があります：

'markdown_extensions': { 'pymdownx.arithmatex': { 'generic': true } }

この設定を追加したところ、追加した数式が表示されていることがわかりました。しかし、新しい問題は自動生成されたディレクトリであることがわかりました。[TOC]表示されておらず、コード形式が完全に台無しになっています。

次に、これがこの設定の問題であるかどうかを推測します。これはデフォルト設定で見つかりました。markdown_extensionsそしてそれはたくさんあるので、ここで設定することを考えています。デフォルトを上書きします。すべてのデフォルトをコピーします：

{ 'enable_mathjax': true, 'js': [ 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js', 'res://MarkdownPreview/js/math_config.js', ], 'markdown_extensions': [ // Python Markdown Extra with SuperFences. // You can't include 'extra' and 'superfences' // as 'fenced_code' can not be included with 'superfences', // so we include the pieces separately. 'markdown.extensions.footnotes', 'markdown.extensions.attr_list', 'markdown.extensions.def_list', 'markdown.extensions.tables', 'markdown.extensions.abbr', 'pymdownx.betterem', { 'markdown.extensions.codehilite': { 'guess_lang': false } }, // Extra's Markdown parsing in raw HTML cannot be // included by itself, but 'pymdownx' exposes it so we can. 'pymdownx.extrarawhtml', // More default Python Markdown extensions { 'markdown.extensions.toc': { 'permalink': 'ue157' } }, 'markdown.extensions.meta', 'markdown.extensions.sane_lists', 'markdown.extensions.smarty', 'markdown.extensions.wikilinks', 'markdown.extensions.admonition', // PyMdown extensions that help give a GitHub-ish feel { 'pymdownx.superfences': { // Nested fences and UML support 'custom_fences': [ { 'name': 'flow', 'class': 'uml-flowchart', 'format': {'!!python/name': 'pymdownx.superfences.fence_code_format'} }, { 'name': 'sequence', 'class': 'uml-sequence-diagram', 'format': {'!!python/name': 'pymdownx.superfences.fence_code_format'} } ] } }, { 'pymdownx.magiclink': { // Auto linkify URLs and email addresses 'repo_url_shortener': true, 'repo_url_shorthand': true } }, 'pymdownx.tasklist', // Task lists { 'pymdownx.tilde': { // Provide ~~delete~~ 'subscript': false } }, { 'pymdownx.emoji': { // Provide GitHub's emojis 'emoji_index': {'!!python/name': 'pymdownx.emoji.gemoji'}, 'emoji_generator': {'!!python/name': 'pymdownx.emoji.to_png'}, 'alt': 'short', 'options': { 'attributes': { 'align': 'absmiddle', 'height': '20px', 'width': '20px' }, 'image_path': 'https://assets-cdn.github.com/images/icons/emoji/unicode/', 'non_standard_image_path': 'https://assets-cdn.github.com/images/icons/emoji/' } } }, { 'pymdownx.arithmatex': { 'generic': true } } ], }

次に、美しさを見つけ、数式が示すことができ、カタログも自動的に生成され、コード形式が台無しになることはありません！

たとえば、次のようになります。

**A typical performance measure for regression problems is Root Mean Square Error (RMSE)** RMSE corresponds to the Euclidean norm, also known as the $iota_{2}$ norm, denoted as $left | . ight |_{2}$, or $left | . ight |$ $$ RMSE(X,h) = sqrt{frac{1}{m}sum_{i=1}^{m}(h(X^{(i)})-y^{(i)}})^{2} $$ But if you have a lot of outliers, you can consider using **average absolute error (mean absolute deviation)** The MAE corresponds to the $iota_{1}$ norm and is denoted as $left | . ight |_{1}$. Sometimes it is also called Manhattan distance $$ MAE(X,h) = frac{1}{m}sum_{i=1}^{m}left | h(X^{(i)}) - y^{(i)} ight | $$

次に、上部の対応する表示効果：

わかりました、とても美しいです！

最後に、1つ収集します オンラインLaTeXエディター 表示効果を確認でき、一般的に使用される数学記号も非常に便利です。