Blocco del codice Markdown
Tipi di blocchi di codice
Abbiamo due tipi di blocchi di codice in markdown e questi sono:
- Blocco di codice rientrato.
- Blocco di codice recintato.
Blocchi di codice rientrati
Nel blocco del codice rientrato, indentiamo ogni riga mettendo quattro spazi prima del testo. Se aggiungiamo una riga vuota in questo blocco di codice rientrato, questa riga è inclusa anche nel blocco del codice rientrato. Quando scriviamo una nuova riga o un paragrafo che non è rientrato, il blocco del codice rientrato termina e inizia un nuovo paragrafo da questa riga.
Blocchi di codice recintati
Nel blocco di codice recintato, dobbiamo posizionare tre ("') backtick all'inizio e alla fine del blocco del codice. Possiamo anche farlo mettendo tildes (~~~) al posto dei backticks. Ricorda una cosa; È necessario utilizzare lo stesso simbolo all'inizio e alla fine del blocco di codice e anche inserire gli stessi numeri di simboli all'inizio e alla fine del blocco di codice.
Esempio # 01: blocco di codice rientrato
Il codice Visual Studio è utilizzato in questa guida per eseguire i codici Markdown. Dobbiamo aprire il nuovo file di testo nel codice Visual Studio e quindi selezionare Markdown come lingua. Quando selezioniamo questa lingua, allora l'estensione del file, che è ".md ", viene automaticamente aggiunto a questo file quando lo salviamo. Per fare i codici di markdown, prima installiamo l'estensione di questo markdown. Per questo, apriamo le estensioni dall'impostazione presente nella parte inferiore sinistra del codice Visual Studio e quindi installano il "Markdown tutto in uno". Ora, questa estensione è installata.
Dopo questo, per ottenere l'output, abbiamo richiesto la finestra di anteprima. Possiamo facilmente aprire la finestra di anteprima dall'angolo in alto a destra del codice Visual Studio. Ora, sia l'editor di testo che la finestra di anteprima sono aperti davanti a noi. Nell'editor di testo, stiamo aggiungendo un testo semplice e anche il blocco di codice. Scriviamo un paragrafo qui e non rientriamo quel paragrafo. Come abbiamo discusso, per la creazione del blocco di codice rientrato in Markdown, dobbiamo rientrare nel testo o al paragrafo quattro spazi. Creiamo quattro spazi e quindi aggiungiamo il testo in modo che la seconda riga venga inserita come blocco di codice.
Dopo questo, aggiungiamo un altro paragrafo che non è rientrato, quindi non è incluso nel blocco del codice sopra. Di seguito, aggiungiamo di nuovo quattro spazi e poi aggiungiamo un nuovo paragrafo, quindi è anche il blocco di codice rientrato. Quindi, posizioniamo di nuovo un semplice paragrafo senza rientro, quindi il blocco del codice termina sulla riga sopra.
Nella finestra di anteprima, questo risultato è reso. Qui, le righe rientrate sono mostrate come un blocco di codice. Abbiamo generato questi blocchi di codice aggiungendo quattro spazi prima del paragrafo. Questi sono i blocchi di codice rientrati.
Esempio # 02: blocco di codice recintato
In questo codice, stiamo realizzando blocchi di codice recintati mettendo tre ("') backtick nel punto in cui dobbiamo creare il blocco del codice. In questo blocco di codice recintato, non abbiamo bisogno di rientrare le righe che vogliamo aggiungere al blocco del codice. Dopo aver aggiunto ("'), mettiamo il testo e poi di nuovo posizioniamo ("') alla fine in cui vogliamo chiudere questo blocco di codice recintato. Aggiungiamo un po 'di testo e una funzione in questo blocco di codice recintato.
Successivamente, aggiungiamo una riga al di fuori del blocco di codice recintato e quindi generiamo di nuovo un nuovo blocco di codice recintato posizionando ("'). Contiene tutti i dati che si aggiungeranno a questo blocco di codice e quindi chiude il blocco di codice recintato con l'aiuto di ("'). Quindi, abbiamo generato due diversi blocchi di codice recintati qui.
Qui, vengono mostrati entrambi i blocchi di codice recintato e tutti i dati che abbiamo aggiunto sopra sono mostrati nell'immagine. Il testo che non è stato aggiunto tra questi ("') simboli di retroscena non è mostrato all'interno dei blocchi di codice recintato. Queste righe vengono visualizzate separatamente dove le abbiamo aggiunte.
Esempio # 03
Per prima cosa aggiungiamo un paragrafo qui che non è rientrato, e dopo questo, abbiamo messo una nuova linea che è rientrata. Quindi, genera il blocco di codice qui. Anche la riga o il paragrafo in basso è rientrata, quindi aggiungerà anche a questo blocco di codice. Ora, inseriamo uno spazio di linea e poi posizioniamo di nuovo quattro spazi in linee rientrate. Qui, questo spazio di linea non influisce sul blocco del codice. Il blocco del codice rientrato termina solo quando abbiamo aggiunto un paragrafo che non è rientrato. Di seguito, abbiamo aggiunto spazi a due righe e il blocco di codice non finirà qui. Aggiungiamo un'altra linea rientrata dopo questi spazi in due righe. Ora abbiamo aggiunto un paragrafo che non è rientrato qui. Quindi, il blocco del codice rientrato termina qui.
Qui, vedi che anche gli spazi della linea vengono aggiunti nel blocco di codice rientrato e questo blocco di codice rientrato termina in cui abbiamo aggiunto il paragrafo senza indent.
Esempio # 04
Qui, applichiamo un po 'di formattazione al semplice paragrafo e anche ai paragrafi che abbiamo rientrato. Innanzitutto, aggiungiamo un paragrafo che non è rientrato e posizioniamo due asterischi all'inizio del paragrafo e due asterischi alla fine del paragrafo per rendere questo paragrafo in grassetto. Dopo questo, abbiamo aggiunto il paragrafo rientrato e abbiamo anche inserito questo paragrafo rientrato all'interno di quattro asterischi mentre abbiamo aggiunto il paragrafo sopra.
Ora, finiamo questo blocco di codice rientrato e scriviamo un paragrafo all'interno di due asterischi per renderlo in corsivo. Quindi, rientriamo un nuovo paragrafo al di sotto di questo all'interno di due asterischi. Dopo questo, abbiamo inserito un paragrafo che non è rientrato, quindi il blocco del codice sopra termina e ora viene aggiunto il paragrafo semplice. Posizioniamo tre asterischi all'inizio e tre alla fine di questo paragrafo, quindi visualizzerà in grassetto e in corsivo. Scriviamo anche il paragrafo rientrato al di sotto di questo, allo stesso modo del paragrafo sopra all'interno di sei asterischi. Ora, controlla l'output di seguito.
Qui, tutta la formattazione viene applicata ai semplici paragrafi, ma quei paragrafi che vengono aggiunti nel blocco di codice rientrato vengono visualizzati senza applicare alcuna formattazione. I paragrafi all'interno dei blocchi di codice rientrati non sono visualizzati in corsivo o non in grassetto ma sono visualizzati in un formato semplice. E i semplici paragrafi che non sono rientrati sono formattati e sono visualizzati in formato in grassetto o in corsivo, come abbiamo aggiunto nel codice. Tutti gli asterischi che abbiamo aggiunto con i paragrafi del blocco del codice rientrati sono visualizzati anche nell'output.
Conclusione
I blocchi di codice sono discussi in questa guida. Abbiamo spiegato due blocchi di codice qui, che sono blocchi di codice recintati e blocchi di codice rientrati. Abbiamo anche spiegato come generare il "blocco di codice rientrato" nel markdown e il "blocco di codice recintato" nel markdown. Abbiamo anche creato entrambi i blocchi di codice in questa guida e abbiamo mostrato qui come farlo. Abbiamo presentato linee guida adeguate qui per la creazione dei blocchi di codice nel markdown in questa guida.