Cómo convertir Markdown en HTML

Markdown es el lenguaje de marcado. Podemos escribir de manera más rápida y efectiva utilizando el markdown. Hace que sea sencillo crear un contenido de Internet. En Markdown, podemos escribir fácilmente el texto, los párrafos y otros elementos. Markdown también nos permite formatear el texto agregando algunos símbolos. Además, ofrece la opción de incluir los enlaces, fotos, listas, etc. en la reducción. Es menos complicado que html. Como html, no requiere muchas etiquetas.

En HTML, tenemos que agregar muchas etiquetas y el estilo también se agrega en HTML para formatear. Podemos hacer las mismas tareas en HTML que también podemos hacer usando el markdown. Podemos convertir el archivo Markdown en el archivo HTML fácilmente simplemente usando algunos comandos. Explicaremos cómo convertir el markdown a HTML aquí. También convertiremos el Markdown en HTML y proporcionaremos una descripción detallada de este concepto en esta guía. Ahora, convertimos el archivo Markdown en el archivo HTML. Además, mostraremos y explicaremos cada paso que tenemos que seguir para convertir el archivo de Markdown en el archivo HTML en el código de Visual Studio.

Ejemplo 1:

Usamos el código de Visual Studio aquí. Mostramos cómo convertimos el archivo de Markdown en el archivo HTML en el código de Visual Studio. Para esto, debemos hacer que el archivo Markdown cree en este código de Visual Studio. El archivo que creamos aquí se llama "myabcfile.Maryland". En este archivo, agregamos el encabezado usando la etiqueta "#". Luego, agregamos un texto debajo de este encabezado que es un texto o párrafo simple. Ahora, también insertamos otra línea que es audaz porque insertamos dos asteriscos al inicio y dos asteriscos al final de esta línea. Entonces, esta línea parece audaz aquí. Después de esto, hacemos la palabra "lista" en cursiva. Hacemos esta palabra en cursiva usando dos subrayos. Al principio se agrega un bajo y se agrega un subrayador al final de la palabra. En la siguiente ilustración, generamos la lista ordenada colocando el número y colocando el punto después del número. Ahora, guardamos este archivo. También mostraremos cómo aparece este archivo en la ventana de vista previa.

Simplemente mostramos la salida del código de markdown en la ventana de vista previa. Ahora, convertimos este markdown en HTML. Avance y vea en la siguiente ilustración sobre cómo convertir este archivo de Markdown en un archivo HTML:

Abra el terminal haciendo clic en el terminal en la barra de tareas que está presente en la parte superior de este código de Visual Studio. Cuando se abra este terminal, escriba el "Código -install -Extension Yzhang.comando markdown-todo en uno ”que también se muestra en el siguiente. Después de escribir este comando en el terminal del código de Visual Studio, presionamos la tecla "Enter". Después de compilar con éxito este comando, avanzamos. Este comando ayuda a instalar esta extensión que se menciona aquí.

Cuando la extensión anterior se instala correctamente, abrimos la "paleta de comandos" en este código de estudio de Visual. Esta paleta de comando se abre simplemente presionando las teclas "Ctrl+Shift+P". Después de esto, el menú desplegable se abre en la parte superior de esta aplicación Visual Studio Code. Aquí, solo escribimos "Markdown" y luego aparecen muchos comandos allí. Seleccionamos el "Markdown todo en uno: Imprima el documento actual en HTML" aquí como se muestra en la siguiente imagen. Aquí, seleccionamos este comando después de presionar el "Ctrl+Shift+P". Ahora, este archivo de Markdown se convierte en el archivo HTML con la ayuda de este comando que seleccionamos aquí.

Ambos archivos se muestran aquí. Convertimos este "myabcfile.MD "en el" myabcfile.archivo html ". El markdown y el archivo HTML se muestran en la siguiente imagen. Este archivo HTML contiene todos los datos que agregamos en el archivo Markdown. Pero la única diferencia es que el archivo HTML contiene las diferentes etiquetas y el estilo en él, pero el archivo Markdown no contiene muchas etiquetas.

El archivo HTML también se muestra en la siguiente imagen. Puede notar el ",, y muchas etiquetas en este archivo". Entonces, esta es la forma más sencilla de convertir el markdown en HTML.

Ejemplo 2:

En este archivo de Markdown, agregamos el encabezado, la lista desordenada, la lista ordenada, el texto y el texto formateado. Insertamos el encabezado aquí. Luego, también escribimos algún texto y agregamos la lista desordenada. Después de esto, agregamos otra línea en la que también insertamos algunas palabras donde aplicamos los estilos de Bold and Cursal. Luego, colocamos la lista ordenada y la nueva línea después de esta lista ordenada. Ahora, guardamos este archivo y el nombre de este archivo de Markdown es "ABCFILE.Maryland". Ahora, convertimos este "ABCFILE.MD "en el archivo HTML.

Nuevamente abrimos el terminal de la misma manera que discutimos anteriormente y escribimos el comando dado en el terminal del código de Visual Studio. Después de ejecutar el comando dado, cerramos este terminal.

Luego, presionamos el "Ctrl+Shift+P" y abrimos el comando de la paleta. Aquí, seleccionamos el comando que se muestra en la imagen en la parte superior. Esto convierte el archivo de código de markdown anterior en el archivo HTML.

Ambos archivos se muestran aquí. Este "abcfile.El archivo MD "se convierte en un" ABCFILE.archivo html ". La siguiente imagen muestra los archivos Markdown y HTML. La única diferencia entre este archivo HTML y el archivo Markdown es que el archivo HTML usa diferentes etiquetas y estilo, mientras que el archivo Markdown usa menos símbolos. Este archivo HTML contiene toda la información que se contribuyó al archivo de Markdown.

Cuando abrimos este archivo HTML, vemos muchas etiquetas allí que no agregamos en el markdown porque el lenguaje de Markdown no necesita muchas etiquetas. Markdown es un lenguaje muy simple y fácil. Como se muestra en esta imagen, agrega el "

"Etiqueta para la creación de" Blockquote ". Pero en el archivo de Markdown, simplemente agregamos el símbolo más grande que ">" para generar este bloqueoquote.

Para una lista desordenada, el archivo HTML contiene el "

"Etiquetas de apertura y cierre, así como el"
• "Etiqueta para agregar el elemento de la lista. Pero en el archivo de Markdown anterior, simplemente agregamos el símbolo "-" para crear la lista desordenada. Además, la etiqueta "OL" está presente aquí que se utiliza para agregar la lista ordenada. En el markdown, generamos esta lista ordenada insertando el número y un punto para esta lista ordenada. Convertimos fácilmente el archivo de Markdown anterior en el archivo HTML aquí.

  Conclusión

  Proporcionamos una descripción detallada sobre cómo convertir el markdown en HTML en esta guía. Explicamos cómo hacemos esto en el código de Visual Studio y convertimos dos archivos de Markdown en los archivos HTML en esta guía. Explicamos que tenemos que instalar una extensión después de crear el archivo Markdown y luego tenemos que abrir la paleta de comandos para seleccionar el comando que ayuda a convertir el archivo de markdown en el archivo html. También hemos mostrado tanto el archivo Markdown como el archivo HTML en esta guía, por lo que puede verificar fácilmente los datos de ambos archivos. La conversión de Markdown en HTML se explica aquí en profundidad.