எம்டியின் நிகழ்நேர முன்னோட்டத்திற்காக கம்பீரமான உரை + மார்க் டவுன் முன்னோட்டம் + லைவ் ரீலோட் + மேத்ஜாக்ஸ்
Sublime Text Markdown Preview Live Reload Mathjax
தொகுப்பு கட்டுப்பாடு
நீங்கள் சொருகி பதிவிறக்க விரும்புகிறீர்கள் என்று சொல்ல தேவையில்லை, நீங்கள் முதலில் தொகுப்பு கட்டுப்பாட்டை நிறுவ வேண்டும்.
மார்க் டவுன் முன்னோட்டம்
குறுக்குவழிகளைப் பயன்படுத்தவும் cmd+shift+p
, உள்ளீடு install package
பின்னர் மார்க் டவுன் முன்னோட்ட நிறுவலைக் கண்டறியவும். இந்த சொருகி உலாவியில் முன்னோட்டத்திற்காக md ஐ html ஆக மாற்றலாம்.
உலாவியில் md ஐ முன்னோட்டமிட எங்களுக்கு இரண்டு வழிகள் உள்ளன:
1 அதே பயன்பாட்டு குறுக்குவழிகள் cmd+shift+p
, உள்ளீட்டு தேர்வு Markdown Preview: Preview in Browser
பின்னர் 3 விருப்பங்களுடன் வெளியே வரவும் github
, gitlab
உடன் markdown
, அவற்றில் ஒன்றை இங்கே தேர்வு செய்யவும்.
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*/ } } ]
லைவ் ரீலோட்
மேலே உள்ளவற்றை உலாவியில் முன்னோட்டமிடலாம், ஆனால் நிகழ்நேரத்தில் அல்ல, எடுத்துக்காட்டாக, எடிட் எம்டியை உள்ளீடு செய்த பிறகு, நாம் தொடர்ந்து சேமிக்க வேண்டும், பின்னர் தட்டச்சு செய்து _ _ + _ | சென்று எங்கள் முடிவுகளைப் பாருங்கள்.
அதே, முதலில் நேரடி மறுஏற்றம் நிறுவவும், இங்கே தவிர்க்கப்பட்டது!
லைவ் ரீலோடைப் பயன்படுத்துவதற்கு முன்பு, தானியங்கு சுமைகளை இயக்க எங்கள் மார்க் டவுன் முன்னோட்டம் தேவை. காண்க ctrl+p
, இடதுபுறத்தில் இயல்புநிலை அமைப்புகளில் காணப்படுகிறது Preferences->Package Settings->Markdown Preview->Settings
இது உண்மையா இல்லையா என்பது பொதுவாக உண்மை. இது உண்மை இல்லை என்றால், இது சரியான பயனர் அமைப்பில் சேர்க்கப்படும்:
enable_autoreload
நீங்கள் லைவ் ரீலோட் செருகுநிரலை இயக்கலாம்! அதே பயன்பாடு { 'enable_autoreload': true }
, உள்ளீட்டு தேர்வு cmd+shift+p
, பின்னர் LiveReload: Enable/disable plug-ins
இதை நீங்கள் உண்மையான நேரத்தில் முன்னோட்டமிடலாம், (400 மீ தாமதமும் உள்ளது, பெயர் குறிப்பிடுவது 400 மீ தாமதமாகும்). நீங்கள் திருத்து எம்டியைத் திருத்திய பிறகு, அதைச் சேமிக்கவும், உலாவி தானாகவே புதுப்பிக்கப்படும்!
மேலே குறிப்பு: https://blog.csdn.net/qq_20011607/article/details/81370236
மத்ஜாக்ஸ்
உங்கள் கோப்பில் ஏராளமான கணித சூத்திரங்களை நீங்கள் தொகுக்க வேண்டும் என்பதால், நீங்கள் MathJax ஐ இயக்க வேண்டும். ஆனால் நீண்ட நேரம் டாஸ், முன்னோட்டம் எந்த விளைவும் இல்லை!
அடுக்கு வழிதல் ஒரு பதிலைக் கண்டுபிடிக்கவும்:
எப்படி-இயக்குவது-கணித-ரெண்டரிங்-இன்-கம்பீரமான-உரை-மார்க் டவுன்-முன்னோட்டம்
இங்கே ஏற்றுக்கொள்ளப்பட்ட ivVividD க்கான பதில் ஏற்கனவே ஒப்பீட்டளவில் ஆரம்பமானது, இப்போது அத்தகைய விருப்பம் இல்லை! அமைப்புகளில் சேர்க்க அதற்கு கீழே ஒரு பதில் உள்ளது:
Simple Reload
அதன் பிறகு, நான் அதைத் திருத்த வேண்டும். { '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
, (இந்தக் கோப்பைக் கண்டுபிடிக்க முடியவில்லை !!!), பின்னர் இந்த பதிலின் கருத்துகளில், github.com/facelessuser/MarkdownPreview/issues/12
இந்த சிக்கலையும் சேர்க்க வேண்டும்:
math_config.js
நான் இந்த அமைப்பைச் சேர்த்துள்ளேன், சேர்க்கப்பட்ட கணித சூத்திரங்கள் காண்பிக்கப்படுவதைக் கண்டேன்! ஆனால் புதிய சிக்கல் தானாக உருவாக்கப்பட்ட அடைவு என்று கண்டறியப்பட்டது. '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 } } ], }
பின்னர், மேலே உள்ள காட்சி விளைவு:
சரி, மிகவும் அழகாக இருக்கிறது!
இறுதியாக, ஒன்றை சேகரிக்கவும் ஆன்லைன் லாடெக்ஸ் ஆசிரியர் காட்சி விளைவைக் காணலாம், மேலும் பொதுவாகப் பயன்படுத்தப்படும் சில கணித சின்னங்களையும் கொடுக்கலாம், மிகவும் வசதியானது!