V HTML musíme přidat spoustu značek a styl je také přidán do HTML pro formátování. V HTML můžeme dělat stejné úkoly, které můžeme dělat také pomocí Markdown. Soubor Markdown můžeme snadno převést na soubor HTML pomocí několika příkazů. Zde vysvětlíme, jak převést Markdown do HTML. Také převedeme Markdown do HTML a v této příručce poskytneme podrobný popis tohoto konceptu. Nyní převedeme soubor Markdown na soubor HTML. Také si ukážeme a vysvětlíme každý krok, který musíme provést, abychom převedli soubor Markdown na soubor HTML v kódu Visual Studio.
Příklad 1:
Zde používáme Visual Studio Code. Ukážeme, jak převedeme soubor Markdown na soubor HTML v kódu Visual Studio. K tomu musíme mít soubor Markdown vytvořený v tomto kódu Visual Studio. Soubor, který zde vytvoříme, se jmenuje „myabcfile.md“. V tomto souboru přidáme nadpis pomocí značky „#“. Poté pod tento nadpis přidáme text, což je jednoduchý text nebo odstavec. Nyní také vložíme další řádek, který je tučný, protože vložíme dvě hvězdičky na začátek a dvě hvězdičky na konec tohoto řádku. Takže tento řádek se zde zobrazuje tučně. Poté slovo „seznam“ dáme kurzívou. Toto slovo uděláme kurzívou pomocí dvou podtržítek. Jedno podtržítko se přidá na začátek a jedno podtržítko na konec slova. Na následujícím obrázku vygenerujeme seřazený seznam umístěním čísla a vložením tečky za číslo. Nyní tento soubor uložíme. Ukážeme si také, jak se tento soubor zobrazí v náhledovém okně.
Jen zobrazíme výstup kódu Markdown v okně náhledu. Nyní převedeme tento Markdown do HTML. Pokračujte a podívejte se na následujícím obrázku, jak převést tento soubor Markdown na soubor HTML:
Otevřete terminál kliknutím na terminál na hlavním panelu, který se nachází v horní části tohoto kódu Visual Studio. Po otevření tohoto terminálu zadejte příkaz „code –install-extension yzhang.markdown-all-in-one“, který je také zobrazen níže. Po zadání tohoto příkazu do terminálu Visual Studio Code stiskneme klávesu „Enter“. Po úspěšném zkompilování tohoto příkazu postupujeme vpřed. Tento příkaz pomáhá při instalaci tohoto rozšíření, které je zde zmíněno.
Když je předchozí rozšíření úspěšně nainstalováno, otevřeme „Paletu příkazů“ v tomto kódu Visual Studio. Tato paleta příkazů se otevře jednoduchým stisknutím kláves „CTRL+SHIFT+P“. Poté se v horní části této aplikace Visual Studio Code otevře rozevírací seznam. Zde stačí napsat „Markdown“ a pak se tam objeví mnoho příkazů. Zde vybereme „Markdown All in One: Tisk aktuálního dokumentu do HTML“, jak je znázorněno na následujícím obrázku. Zde vybereme tento příkaz po stisknutí „CTRL+SHIFT+P“. Nyní je tento soubor Markdown převeden na soubor HTML pomocí tohoto příkazu, který jsme zde vybrali.
Oba soubory jsou zobrazeny zde. Tento „myabcfile.md“ převedeme do souboru „myabcfile.html“. Soubor Markdown i soubor HTML je zobrazen na následujícím obrázku. Tento soubor HTML obsahuje všechna data, která jsme přidali do souboru Markdown. Jediný rozdíl je v tom, že soubor HTML obsahuje různé značky a styly, ale soubor Markdown mnoho značek neobsahuje.
Soubor HTML je také zobrazen na následujícím obrázku. V tomto souboru si můžete povšimnout „,
,