Sublime

Sublime Text + Markdown Preview + Live Reload + MathJax pour un aperçu en temps réel de md

Sublime Text Markdown Preview Live Reload Mathjax



Contrôle des paquets

Inutile de dire que vous souhaitez télécharger le plugin, vous devez d'abord installer Package Control.

Aperçu de Markdown

Utilisez les raccourcis cmd+shift+p, saisissez install package Recherchez ensuite l'installation de l'aperçu du démarquage. Ce plugin peut convertir md en html pour un aperçu dans le navigateur.



Nous avons deux façons de prévisualiser md dans le navigateur:
1 même utilisation des raccourcis cmd+shift+p, sélection d'entrée Markdown Preview： Preview in Browser Et puis sortez avec 3 options github, gitlab avec markdown, choisissez l'une d'elles ici.
2 Nous pouvons également utiliser les touches de raccourci pour prévisualiser. Le plugin lui-même n'a pas de raccourci, nous devons donc l'ajouter nous-mêmes. allumez Preferences——>key bindings Et puis à Default(OSX).sublime-keymap—User Dans, ajoutez:



[ { '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*/ } } ]

Recharger en direct

Bien que ce qui précède puisse être prévisualisé dans le navigateur, mais pas en temps réel, par exemple, après avoir entré la modification md, nous devons continuer à enregistrer, puis tapez ctrl+p Allez voir nos résultats.



La même chose, installez d'abord le rechargement en direct, ici est ignoré!

Avant d'utiliser Live Reload, nous avons besoin de notre aperçu Markdown pour activer le chargement automatique. Affichage Preferences->Package Settings->Markdown Preview->Settings, trouvé dans les paramètres par défaut sur la gauche enable_autoreload Que ce soit vrai ou non est généralement vrai. Si ce n'est pas vrai, il est ajouté dans le bon paramètre utilisateur:

{ 'enable_autoreload': true }

Ensuite, vous pouvez activer le plugin Live Reload! Même utilisation cmd+shift+p, sélection d'entrée LiveReload: Enable/disable plug-ins, puis choisissez Simple Reload Vous pouvez le prévisualiser en temps réel, (il y a aussi un délai de 400ms, comme son nom l'indique est un délai de 400ms). Ensuite, après avoir édité le fichier md, enregistrez-le et le navigateur s'actualisera automatiquement!



Référence ci-dessus: https://blog.csdn.net/qq_20011607/article/details/81370236

MathJax

Puisque vous devez compiler un grand nombre de formules mathématiques dans votre fichier, vous devez activer MathJax. Mais remuer depuis longtemps, l'aperçu est sans effet!

Ensuite, trouvez une réponse sur Stack Overflow:
comment activer-mathjax-rendu-dans-un-texte-sublime-aperçu-markdown

La réponse à @VividD qui a été adoptée ici est déjà relativement précoce, et il n'y a pas une telle option maintenant! Ensuite, il y a une réponse ci-dessous à ajouter dans les paramètres:

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

Après cela, je dois le modifier. math_config.js. Je n'ai pas édité ici. math_config.js, (Impossible de trouver ce fichier !!!), puis j'ai dit dans les commentaires de cette réponse, github.com/facelessuser/MarkdownPreview/issues/12 ，
Ce problème doit également être ajouté:

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

J'ai ajouté ce paramètre et j'ai trouvé que les formules mathématiques ajoutées sont affichées! Mais trouvé que le nouveau problème est le répertoire généré automatiquement. [TOC] Non affiché, et le format du code est complètement foiré!

Alors devinez si c'est un problème avec ce paramètre, j'ai trouvé celui-ci dans les paramètres par défaut. markdown_extensions Et c'est beaucoup, donc je pense en configurer un ici, je vais écraser celui par défaut, donc Je vais copier toutes les valeurs par défaut:

{ '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 } } ], }

Ensuite, trouvez la beauté, la formule mathématique peut montrer, le catalogue peut aussi être généré automatiquement, le format du code n'est pas foiré!

Pour un exemple, par exemple:

**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 | $$

Ensuite, l'effet d'affichage correspondant sur le dessus:
image
ok, très beau!

Enfin, récupérez-en un Éditeur LaTeX en ligne Vous pouvez voir l'effet d'affichage, et également donner quelques symboles mathématiques couramment utilisés, très pratique!