Bloque de código de markdown
Tipos de bloques de código
Tenemos dos tipos de bloques de código en Markdown, y estos son:
- Bloque de código con muesca.
- Bloque de código cercado.
Bloques de código con sangría
En el bloque de código sangrado, sangramos cada línea colocando cuatro espacios antes del texto. Si agregamos alguna línea en blanco en este bloque de código sangrado, entonces esta línea también se incluye en el bloque de código sangrado. Cuando escribimos una nueva línea o párrafo que no está sangrado, entonces el bloque de código sangrado termina e inicia un nuevo párrafo desde esta línea.
Bloques de código cercados
En el bloque de código cercado, tenemos que colocar tres ("') retrocesos al comienzo y al final del bloque de código. También podemos hacer esto colocando a Tilles (~~~) en lugar de backticks. Recuerda una cosa; Debe usar el mismo símbolo al comienzo y al final del bloque de código y también colocar los mismos números de símbolos al inicio y finalización del bloque de código.
Ejemplo # 01: Bloque de código sangrado
El código de Visual Studio se utiliza en esta guía para hacer los códigos de Markdown. Tenemos que abrir el nuevo archivo de texto en el código Visual Studio y luego seleccionar Markdown como idioma. Cuando seleccionamos este idioma, entonces la extensión del archivo, que es ".MD ", se agrega automáticamente a este archivo cuando lo guardamos. Para hacer los códigos de Markdown, primero instalamos la extensión de este markdown. Para esto, abrimos las extensiones de la configuración que está presente en el fondo izquierdo del código de Visual Studio y luego instalamos el "Markdown todo en uno". Ahora, esta extensión está instalada.
Después de esto, para obtener la salida, requerimos la ventana de vista previa. Podemos abrir fácilmente la ventana de vista previa desde la esquina superior derecha del código Visual Studio. Ahora, tanto el editor de texto como la ventana de vista previa están abiertas frente a nosotros. En el editor de texto, estamos agregando texto simple y también el bloque de código. Escribimos un párrafo aquí, y no sangramos ese párrafo. Como hemos discutido, para crear el bloque de código sangrado en Markdown, tenemos que sangrar el texto o el párrafo cuatro espacios. Creamos cuatro espacios y luego agregamos el texto para que la segunda línea se inserta como bloque de código.
Después de esto, agregamos otro párrafo que no está sangrado, por lo que no está incluido en el bloque de código anterior. Debajo de esto, nuevamente agregamos cuatro espacios y luego agregamos un nuevo párrafo, por lo que también es el bloque de código sangrado. Luego, nuevamente colocamos un párrafo simple sin sangrar, por lo que el bloque de código termina en la línea anterior.
En la ventana de vista previa, este resultado se presenta. Aquí, las líneas con sangría se muestran como un bloque de código. Hemos generado estos bloques de código agregando cuatro espacios antes del párrafo. Estos son los bloques de código sangrados.
Ejemplo # 02: bloque de código cercado
En este código, estamos haciendo bloques de código cercados colocando tres (") backticks en el punto en que tenemos que crear el bloque de código. En este bloque de código cercado, no necesitamos sangrar las líneas que queremos agregar al bloque de código. Después de agregar ("'), colocamos el texto y luego nuevamente colocamos ("') al final donde queremos cerrar este bloque de código cercado. Agregamos algo de texto y una función en este bloque de código cercado.
Después de esto, agregamos una línea fuera del bloque de código cercado y luego generamos nuevamente un nuevo bloque de código cercado colocando ("'). Contiene todos los datos que se agregarán a este bloque de código y luego cierran el bloque de código cercado con la ayuda de ("'). Entonces, hemos generado dos bloques de código cercados diferentes aquí.
Aquí, se muestran ambos bloques de código cercados, y todos los datos que hemos agregado anteriormente se muestran en la imagen. El texto que no se agregó entre estos (") símbolos de retroceso no se muestra dentro de los bloques de código cercados. Estas líneas se muestran por separado donde las hemos agregado.
Ejemplo # 03
Primero agregamos un párrafo aquí que no está sangrado, y después de esto, colocamos una nueva línea que está sangrada. Entonces, genera el bloque de código aquí. La línea o párrafo debajo de esto también está sangrado, por lo que también se agregará a este bloque de código. Ahora, insertamos un espacio de línea y luego volvemos a colocar cuatro espacios en líneas sangradas. Aquí, este espacio de línea no afecta el bloque de código. El bloque de código sangrado termina solo cuando hemos agregado un párrafo que no está sangrado. A continuación, hemos agregado espacios de dos líneas, y el bloque de código no terminará aquí. Agregamos una línea sangrada más después de estos espacios de dos líneas. Ahora, hemos agregado un párrafo que no está sangrado aquí. Entonces, el bloque de código de sangrado termina aquí.
Aquí, verá que los espacios de línea también se agregan en el bloque de código sangrado, y este bloque de código sangrado termina donde hemos agregado el párrafo sin sangrarlo.
Ejemplo # 04
Aquí, aplicamos algún formato al párrafo simple y también a los párrafos que hemos sangrado. Primero, agregamos un párrafo que no está sangrado y colocamos dos asteriscos al comienzo del párrafo y dos asteriscos al final del párrafo para hacer este párrafo en negrita. Después de esto, hemos agregado el párrafo sangrado y también colocamos este párrafo sangrado dentro de cuatro asteriscos, ya que hemos agregado el párrafo anterior.
Ahora, terminamos este bloque de código sangrado y escribimos un párrafo dentro de dos asteriscos para que sea cursiva. Luego, sangramos un nuevo párrafo debajo de esto dentro de dos asteriscos. Después de esto, hemos insertado un párrafo que no está sangrado, por lo que termina el bloque de código anterior y ahora se agrega el párrafo simple. Colocamos tres asteriscos al comienzo y tres al final de este párrafo, por lo que se mostrará en negrita y en cursiva. También escribimos el párrafo sangrado debajo de esto, de la misma manera que el párrafo anterior dentro de seis asteriscos. Ahora, verifique la salida a continuación.
Aquí, todo el formato se aplica a los párrafos simples, pero esos párrafos que se agregan en el bloque de código sangrado se muestran sin aplicar ningún formato. Los párrafos dentro de los bloques de código sangrados no se muestran en cursiva o no en negrita, sino que se muestran en un formato simple. Y los párrafos simples que no están sangrados están formateados, y se muestran en formato en negrita o en cursiva, como hemos agregado en el código. Todos los asteriscos que hemos agregado con los párrafos de bloque de código sangrado también se muestran en la salida.
Conclusión
Los bloques de código se discuten en esta guía. Hemos explicado dos bloques de código aquí, que son bloques de código cercados y bloques de código sangrados. También hemos explicado cómo generar el "bloque de código sangrado" en el markdown, así como el "bloque de código cercado" en el markdown. También hemos creado ambos bloques de código en esta guía y hemos demostrado aquí cómo hacerlo. Hemos presentado las pautas adecuadas aquí para crear los bloques de código en la reducción de esta guía.