V HTML musíme pridať veľa značiek a štýl je tiež pridaný do HTML na formátovanie. V HTML môžeme robiť rovnaké úlohy, ktoré môžeme robiť aj pomocou Markdown. Súbor Markdown môžeme previesť na súbor HTML jednoducho pomocou niektorých príkazov. Tu vysvetlíme, ako previesť Markdown na HTML. Prevedieme tiež Markdown do HTML a poskytneme podrobný popis tohto konceptu v tejto príručke. Teraz konvertujeme súbor Markdown na súbor HTML. Tiež ukážeme a vysvetlíme každý krok, ktorý musíme vykonať pri konverzii súboru Markdown na súbor HTML v kóde Visual Studio.
Príklad 1:
Tu používame Visual Studio Code. Ukážeme, ako konvertujeme súbor Markdown na súbor HTML v kóde Visual Studio. Na to musíme mať vytvorený súbor Markdown v tomto kóde Visual Studio. Súbor, ktorý tu vytvoríme, sa volá „myabcfile.md“. Do tohto súboru pridáme nadpis pomocou značky „#“. Potom pod tento nadpis pridáme text, ktorý je jednoduchým textom alebo odsekom. Teraz tiež vložíme ďalší riadok, ktorý je tučný, pretože vložíme dve hviezdičky na začiatok a dve hviezdičky na koniec tohto riadku. Takže tento riadok sa tu zobrazuje tučne. Potom slovo „zoznam“ urobíme kurzívou. Toto slovo urobíme kurzívou pomocou dvoch podčiarkovníkov. Jedno podčiarknutie sa pridá na začiatok a jedno podčiarknutie sa pridá na koniec slova. Na nasledujúcom obrázku vygenerujeme usporiadaný zoznam umiestnením čísla a bodkou za číslom. Teraz tento súbor uložíme. Ukážeme si aj to, ako sa tento súbor zobrazuje v náhľadovom okne.
Len zobrazíme výstup kódu Markdown v okne náhľadu. Teraz prevedieme tento Markdown na HTML. Pokračujte a pozrite sa na nasledujúcom obrázku, ako previesť tento súbor Markdown na súbor HTML:
Otvorte terminál kliknutím na terminál na paneli úloh, ktorý sa nachádza v hornej časti tohto kódu Visual Studio. Keď je tento terminál otvorený, zadajte príkaz „code –install-extension yzhang.markdown-all-in-one“, ktorý je tiež zobrazený nižšie. Po zadaní tohto príkazu v termináli kódu Visual Studio stlačíme kláves „Enter“. Po úspešnom zostavení tohto príkazu pokračujeme ďalej. Tento príkaz pomáha pri inštalácii tohto rozšírenia, ktoré je tu uvedené.
Keď je predchádzajúce rozšírenie úspešne nainštalované, otvoríme „Paletu príkazov“ v tomto kóde Visual Studio. Táto paleta príkazov sa otvorí jednoduchým stlačením klávesov „CTRL+SHIFT+P“. Potom sa v hornej časti tejto aplikácie Visual Studio Code otvorí rozbaľovacia ponuka. Tu stačí zadať „Markdown“ a potom sa tam objaví veľa príkazov. Tu vyberieme „Označenie všetko v jednom: Tlač aktuálneho dokumentu do HTML“, ako je znázornené na nasledujúcom obrázku. Tu vyberieme tento príkaz po stlačení „CTRL+SHIFT+P“. Teraz sa tento súbor Markdown prevedie na súbor HTML pomocou tohto príkazu, ktorý sme tu vybrali.
Oba súbory sú zobrazené tu. Tento súbor „myabcfile.md“ skonvertujeme na súbor „myabcfile.html“. Markdown, ako aj HTML súbor sú zobrazené na nasledujúcom obrázku. Tento súbor HTML obsahuje všetky údaje, ktoré sme pridali do súboru Markdown. Jediný rozdiel je v tom, že súbor HTML obsahuje rôzne značky a štýly, ale súbor Markdown neobsahuje veľa značiek.
Súbor HTML je zobrazený aj na nasledujúcom obrázku. V tomto súbore si môžete všimnúť „,
,