Hvordan konvertere markdown til HTML

Markdown er markeringsspråket. Vi kan skrive raskere og mer effektivt ved å bruke markdown. Det gjør det enkelt å lage et internettinnhold. I Markdown kan vi enkelt skrive teksten, avsnitt og andre elementer. Markdown lar oss også formatere teksten ved å legge til noen få symboler. I tillegg gir det muligheten til å inkludere lenker, bilder, lister osv. i markdown. Det er mindre komplisert enn html. Som HTML krever det ikke mange tagger.

I HTML må vi legge til mange tagger og stil er også lagt til i HTML for formatering. Vi kan gjøre de samme oppgavene i HTML som vi også kan gjøre ved hjelp av markdown. Vi kan konvertere markdown -filen til HTML -filen enkelt ved å bruke noen kommandoer. Vi vil forklare hvordan du konverterer markdown til HTML her. Vi vil også konvertere markdown til HTML og gi en detaljert beskrivelse av dette konseptet i denne guiden. Nå konverterer vi markdown -filen til HTML -filen. Vi vil også vise og forklare hvert trinn som vi må følge for å konvertere markdown -filen til HTML -filen i Visual Studio Code.

Eksempel 1:

Vi bruker den visuelle studiokoden her. Vi viser hvordan vi konverterer markdown -filen til HTML -filen i Visual Studio Code. For dette må vi ha Markdown -filen opprettet i denne visuelle studiokoden. Filen som vi oppretter her heter “myabcfile.MD ”. I denne filen legger vi til overskriften ved å bruke "#" -merket. Deretter legger vi til en tekst under denne overskriften som er en enkel tekst eller avsnitt. Nå setter vi også inn en annen linje som er dristig fordi vi setter inn to stjerner i starten og to stjerner på slutten av denne linjen. Så denne linjen virker dristig her. Etter dette lager vi ordet "liste" kursiv. Vi gjør dette ordet kursiv ved å bruke to understrekninger. En understrek blir lagt til i starten og en understrek blir lagt til på slutten av ordet. I den følgende illustrasjonen genererer vi den bestilte listen ved å plassere nummeret og sette prikken etter nummeret. Nå lagrer vi denne filen. Vi vil også vise hvordan denne filen vises i forhåndsvisningsvinduet.

Vi viser bare utdataene fra markdown -koden i forhåndsvisningsvinduet. Nå konverterer vi denne markdown til HTML. Gå videre og se i følgende illustrasjon om hvordan du konverterer denne Markdown -filen til en HTML -fil:

Åpne terminalen ved å klikke på terminalen på oppgavelinjen som er til stede øverst i denne visuelle studiokoden. Når denne terminalen åpnes, skriver du inn “Kode -Install -Extension Yzhang.Markdown-all-in-one ”-kommando som også er vist i det følgende. Etter å ha skrevet denne kommandoen i terminalen i Visual Studio -koden, treffer vi "Enter" -tasten. Etter å ha samlet denne kommandoen, går vi videre. Denne kommandoen hjelper til med å installere denne utvidelsen som er nevnt her.

Når den forrige utvidelsen er installert med hell, åpner vi “Command Palette” i denne visuelle studiokoden. Denne kommandopaletten åpnes ved ganske enkelt å treffe “Ctrl+Shift+P” -tastene. Etter dette åpnes rullegardinmenyen på toppen av denne visuelle studiokode -appen. Her skriver vi bare "markdown" og så vises mange kommandoer der. Vi velger “Markdown All In One: Print Current Document to HTML” her som vist i følgende bilde. Her velger vi denne kommandoen etter å ha trykket på “Ctrl+Shift+P”. Nå konverteres denne markdown -filen til HTML -filen ved hjelp av denne kommandoen som vi valgte her.

Begge filene vises her. Vi konverterer denne “myabcfile.MD ”i“ myabcfile.html ”-fil. Markdown så vel som HTML -filen vises i følgende bilde. Denne HTML -filen inneholder alle dataene som vi la til i Markdown -filen. Men den eneste forskjellen er at HTML -filen inneholder de forskjellige taggene og stylingen i den, men markdown -filen inneholder ikke mange tagger.

HTML -filen vises også i følgende bilde. Du kan merke ",,,, og mange tagger i denne filen". Så dette er den enkleste måten å konvertere markdown til HTML.

Eksempel 2:

I denne markdown -filen legger vi til overskriften, uordnede liste, bestilt liste, tekst og den formaterte teksten. Vi setter inn overskriften her. Deretter skriver vi også litt tekst og legger til den uordnede listen. Etter dette legger vi til en annen linje der vi også setter inn noen ord der vi bruker de dristige og kursiverte stilene. Deretter plasserer vi den bestilte listen og den nye linjen etter denne bestilte listen. Nå lagrer vi denne filen og navnet på denne markdown -filen er “Abcfile.MD ”. Nå konverterer vi dette “abcfile.MD ”i HTML -filen.

Vi åpner igjen terminalen på samme måte som vi tidligere diskuterte og skriver den gitte kommandoen i terminalen til Visual Studio Code. Etter å ha kjørt den gitte kommandoen, lukker vi denne terminalen.

Deretter trykker vi på “Ctrl+Shift+P” og åpner palettkommandoen. Her velger vi kommandoen som vises i bildet øverst. Denne konverterer den forrige Markdown -kodefilen til HTML -filen.

Begge filene vises her. Dette “abcfile.MD ”-filen konverteres til en“ AbcFile.html ”-fil. Følgende bilde viser både markdown og HTML -filer. Den eneste forskjellen mellom denne HTML -filen og markdown -filen er at HTML -filen bruker forskjellige tagger og styling mens Markdown -filen bruker færre symboler. Denne HTML -filen inneholder all informasjonen som ble bidratt til markdown -filen.

Når vi åpner denne HTML -filen, ser vi mange tagger der som vi ikke la til i Markdown fordi Markdown -språket ikke trenger mange tagger. Markdown er et veldig enkelt og enkelt språk. Som vist på dette bildet, legger det til “

”Tag for opprettelsen av“ Blockquote ”. Men i Markdown -filen legger vi ganske enkelt til det større enn ">" -symbolet for å generere denne Blockquote.

For en uordnet liste inneholder HTML -filen "

”Åpne og lukkende tagger samt“
• ”Tag for å legge til listeelementet. Men i den forrige Markdown-filen legger vi ganske enkelt til "-" -symbolet for å lage den uordnede listen. Også "OL" -merket er til stede her som brukes til å legge til den bestilte listen. I Markdown genererer vi denne bestilte listen ved å sette inn nummeret og en prikk for denne bestilte listen. Vi konverterer enkelt den forrige Markdown -filen til HTML -filen her.

  Konklusjon

  Vi ga en detaljert beskrivelse av hvordan du konverterer markdown til HTML i denne guiden. Vi forklarte hvordan vi gjør dette i Visual Studio -koden og konverterte to Markdown -filer til HTML -filene i denne guiden. Vi forklarte at vi må installere en utvidelse etter å ha opprettet Markdown -filen, og så må vi åpne kommandopaletten for å velge kommandoen som hjelper til med å konvertere Markdown -filen til HTML -filen. Vi har også vist både markdown og HTML -filen i denne guiden, slik at du enkelt kan sjekke begge filenes data. Konvertering av markdown til HTML forklares her i dybden.