Come convertire il markdown in HTML

Markdown è la lingua di markup. Possiamo scrivere più velocemente e più efficacemente usando il markdown. Semplifica la creazione di un contenuto Internet. In Markdown, possiamo facilmente digitare il testo, i paragrafi e altri elementi. Markdown ci consente anche di formattare il testo aggiungendo alcuni simboli. Inoltre, offre la possibilità di includere collegamenti, foto, elenchi, ecc. nel markdown. È meno complicato di HTML. Come HTML, non richiede molti tag.

In HTML, dobbiamo aggiungere molti tag e lo stile viene aggiunto anche in HTML per la formattazione. Possiamo fare le stesse attività in HTML che possiamo anche fare usando il markdown. Possiamo convertire facilmente il file di markdown nel file HTML semplicemente utilizzando alcuni comandi. Spiegheremo come convertire il markdown in HTML qui. Convertiremo anche il markdown in HTML e forniremo una descrizione dettagliata di questo concetto in questa guida. Ora, convertiamo il file di markdown nel file HTML. Inoltre, mostreremo e spiegheremo ogni passaggio che dobbiamo seguire per convertire il file di markdown nel file HTML nel codice Visual Studio.

Esempio 1:

Usiamo il codice Visual Studio qui. Mostriamo come convertiamo il file Markdown nel file HTML nel codice Visual Studio. Per questo, dobbiamo avere il file Markdown creato in questo codice Visual Studio. Il file che creiamo qui si chiama "myabcfile.MD ". In questo file, aggiungiamo l'intestazione utilizzando il tag "#". Quindi, aggiungiamo un testo sotto questa intestazione che è un semplice testo o paragrafo. Ora, inseriamo anche un'altra linea audace perché inseriamo due asterischi all'inizio e due asterischi alla fine di questa linea. Quindi, questa riga appare audace qui. Dopo questo, facciamo la parola "elenco" corsivo. Facciamo questa parola in corsivo usando due sottoti. All'inizio viene aggiunto un sottolineaggio e viene aggiunto un sottolinea. Nella seguente illustrazione, generiamo l'elenco ordinato posizionando il numero e mettendo il punto dopo il numero. Ora salviamo questo file. Mostreremo anche come questo file appare nella finestra di anteprima.

Mostriamo solo l'output del codice Markdown nella finestra di anteprima. Ora, convertiamo questo markdown in HTML. Andare avanti e vedere nella seguente illustrazione su come convertire questo file di markdown in un file HTML:

Apri il terminale facendo clic sul terminale sulla barra delle applicazioni presente nella parte superiore di questo codice Visual Studio. Quando questo terminale viene aperto, digita il "codice -install -estensione yzhang.comando markdown-tutto in uno che è anche mostrato nel seguente. Dopo aver digitato questo comando nel terminale del codice Visual Studio, prendiamo il tasto "Invio". Dopo aver compilato correttamente questo comando, andiamo avanti. Questo comando aiuta a installare questa estensione qui menzionata.

Quando l'estensione precedente è installata correttamente, apriamo la "tavolozza di comandi" in questo codice Visual Studio. Questa tavolozza di comandi viene aperta semplicemente colpendo i tasti "Ctrl+Shift+P". Successivamente, il discesa viene aperto nella parte superiore di questa app di codice Visual Studio. Qui, digitiamo solo "markdown" e poi molti comandi compaiono lì. Selezioniamo il "Markdown All in One: Stampa il documento corrente su HTML" qui come mostrato nella seguente immagine. Qui, selezioniamo questo comando dopo aver premuto "Ctrl+Shift+P". Ora, questo file di markdown viene convertito nel file HTML con l'aiuto di questo comando che abbiamo selezionato qui.

Entrambi i file sono mostrati qui. Convertiamo questo "myabcfile.md "nel" myabcfile.file html ". Il markdown e il file HTML sono mostrati nella seguente immagine. Questo file HTML contiene tutti i dati che abbiamo aggiunto nel file Markdown. Ma l'unica differenza è che il file HTML contiene i diversi tag e lo stile in esso, ma il file di markdown non contiene molti tag.

Il file HTML è anche mostrato nella seguente immagine. Puoi notare ",,,, e molti tag in questo file". Quindi, questo è il modo più semplice per convertire il markdown in HTML.

Esempio 2:

In questo file di markdown, aggiungiamo l'intestazione, l'elenco non ordinato, l'elenco ordinato, il testo e il testo formattato. Inseriamo la voce qui. Quindi, scriviamo anche un po 'di testo e aggiungiamo l'elenco non ordinato. Dopo questo, aggiungiamo un'altra riga in cui inseriamo anche alcune parole in cui applichiamo gli stili audaci e corsivi. Quindi, posizioniamo l'elenco ordinato e la nuova riga dopo questo elenco ordinato. Ora salviamo questo file e il nome di questo file di markdown è "Abcfile.MD ". Ora, convertiamo questo "Abcfile.MD ”nel file HTML.

Apriamo nuovamente il terminale allo stesso modo di cui abbiamo discusso e scriviamo il comando indicato nel terminale del codice Visual Studio. Dopo aver eseguito il comando dato, chiudiamo questo terminale.

Quindi, premiamo il "ctrl+shift+p" e apriamo il comando della palette. Qui, selezioniamo il comando visualizzato nell'immagine in alto. Ciò converte il precedente file di codice Markdown nel file HTML.

Entrambi i file vengono visualizzati qui. Questo "abcfile.Il file MD "viene convertito in un" abcfile.file html ". La seguente immagine visualizza sia i file Markdown che HTML. La sola differenza tra questo file HTML e il file di markdown è che il file HTML utilizza tag e styling diversi mentre il file di markdown utilizza un minor numero di simboli. Questo file HTML contiene tutte le informazioni che sono state contribuite al file Markdown.

Quando apriamo questo file HTML, vediamo molti tag lì che non abbiamo aggiunto il markdown perché la lingua di markdown non ha bisogno di molti tag. Markdown è un linguaggio molto semplice e facile. Come mostrato in questa immagine, aggiunge il “

"Tag per la creazione di" blockquote ". Ma nel file di markdown, aggiungiamo semplicemente il simbolo maggiore di ">" per generare questo blockquote.

Per un elenco non ordinato, il file HTML contiene il “

"Tag di apertura e chiusura e"
• "Tag per aggiungere l'elemento dell'elenco. Ma nel precedente file di markdown, aggiungiamo semplicemente il simbolo "-" per creare l'elenco non ordinato. Inoltre, il tag "OL" è presente qui che viene utilizzato per aggiungere l'elenco ordinato. Nel markdown, generiamo questo elenco ordinato inserendo il numero e un punto per questo elenco ordinato. Convertiamo facilmente il file di markdown precedente nel file HTML qui.

  Conclusione

  Abbiamo fornito una descrizione dettagliata su come convertire il markdown in HTML in questa guida. Abbiamo spiegato come lo facciamo nel codice Visual Studio e abbiamo convertito due file di markdown nei file HTML in questa guida. Abbiamo spiegato che dobbiamo installare un'estensione dopo la creazione del file di markdown e quindi dobbiamo aprire la tavolozza dei comandi per selezionare il comando che aiuta a convertire il file di markdown nel file HTML. Abbiamo anche mostrato sia il file di markdown che il file HTML in questa guida, quindi è possibile controllare facilmente i dati di entrambi i file. La conversione del markdown in HTML è spiegata qui in profondità.