Información general

Markdown es un lenguaje de Markdown simple que puede usar para dar formato al texto y publicarlo en la web. Markdown es mucho más simple que HTML y requiere muchas menos etiquetas, lo que hace que sea mucho más fácil escribir y editar documentos.

Markdown es el lenguaje de marcado estándar emergente para formatear texto para la web, incluidos CMS como WordPress y Ghost, para servicios como Github, Trello, Zapier e incluso Slack.
Markdown se convierte a HTML de forma predeterminada, pero puede convertir fácilmente un documento de Markdown a Word, PDF y la mayoría de los demás formatos.

El objetivo principal del diseño de Markdown es la legibilidad.

Este artículo cubre el formato básico de Markdown que cualquier persona que utilice una cuenta de hosting web o publique contenido en la web debe conocer.

Nota: Dos espacios al final de un elemento de lista o línea de código garantizan que el siguiente elemento comience en una nueva línea.

Sección 1 – Elementos de bloque

Bloquea elementos como párrafos que crean un contenedor de contenido. Los elementos nuevos a nivel de bloque generalmente comienzan en una nueva línea.

Nota: Markdown no requiere que se cierre ninguna etiqueta (a diferencia de HTML), lo que hace que un documento de Markdown sea más fácil de leer.

párrafos

En Markdown, un párrafo consta de una o más líneas consecutivas de texto separadas por una línea en blanco.

titulares

Seis niveles de encabezado corresponden a elementos HTML. La mejor práctica para la accesibilidad es usarlos siempre en el orden correcto. Dicho esto, comience con H1 y luego use H2, luego H3. No salte directamente a H3.

#H1
##H2
###H3
####H4
#####H5
######H6

La salida de lo anterior se parece a los encabezados HTML correspondientes.

H1

H2

H3

H4

H5
H6

Listas ordenadas y desordenadas

Listas ordenadas

Puede crear listas organizadas simplemente ingresando los números de artículo.

1. Item1  
2. Item2  
   1. item1  
   2. item2  
3. Item3

La lista renderizada en HTML se vería así.

  1. Artículo 1
  2. Artículo 2
    1. Artículo 1
    2. Artículo 2
  3. Articulo3

Puede anidar listas dentro de listas agregando cuatro espacios y retrocediendo para continuar donde lo dejó.

Lista desordenada

Puede utilizar *, – o el símbolo + indistintamente para listas desordenadas.

+  item1  
-  item2  
*  item3

La sintaxis de la lista anterior se representa de la siguiente manera:

  • Artículo 1
    • Artículo 2
    • Artículo3

Cotizaciones en bloque

Utilice el símbolo mayor que para crear una cita en bloque.

> Markdown is lightweight enough that it's possible
> to learn the syntax in a couple of hours.

El Blockquote se ve así cuando se convierte a HTML.

Markdown es bastante fácil de aprender la sintaxis en unas pocas horas.

Bloques de código

Puede crear un bloque de código usando tres ticks invertidos seguidos de dos espacios al principio y al final del bloque, creando una nueva línea debajo del bloque de código y usando dos espacios al final de cada línea de código para que el siguiente la línea comienza en una nueva línea.


Bloque de código
Bloque de código

Las tácticas seguidas de dos espacios y dos espacios al final de cada línea se representan así:

Code block  
Code block

El bloque de código anterior representará esto:

Code block  
Code block

En muchas versiones de Markdown, como alternativa a la sintaxis “ ”, puede agregar cuatro espacios para crear un bloque de código.

Sección 2 – Elementos en línea

Código en línea

Puede incrustar un comando o un poco de código en línea con las tres comillas inversas, como la valla de código descrita anteriormente. Las tres tácticas se pueden usar en línea para mostrar una instrucción o un fragmento de código o un comando en cualquier lado.

Énfasis

Destacan varias variaciones. estas y estas se enfatiza y esto y estas se enfatizan fuertemente.
Puede enfatizar algo ~ tachándolo ~.
Y aquí están esas oraciones con la rebaja emitida.
Añades Énfasis con un * o _ ambos lados de una cadena de texto. Dos asteriscos o guiones bajos cada lado una cadena de texto para fuerte énfasis.

Puede enfatizar algo agregando un ~ a cada lado de una palabra o palabras para tacharlas.

Izquierda

Puede encontrar enlaces en Markdown con un. Agregar [Text to display.](https://www.example.com) y puede agregar un título opcional: [Text to display.](https://www.example.com “Título opcional”)
El enlace se representa así:
Puede agregar enlaces con texto para mostrar en Markdown. y puede agregar un título opcional: Texto para mostrar.
Markdown reconoce enlaces en texto solo o con él < und > a ambos lados de la URL. por ejemplo, se mostrará http://www.example.com.

imagenes

Para agregar una imagen a un documento, use![Alt text for image][Alt text for image](URL de la imagen). ¡Aquí por ejemplo![Hosting mas BaratoLogo](https://hostadvice.com/wp-content/themes/bestwh/img/logo.svg) que se representaría así:

Mesas

Primer encabezado | Segundo encabezado
-———– | ————-
Celda 1 de la tabla | Celda 2 de la tabla
Fila 2 de la celda 1 | Fila 2 de la celda 2
La tabla se vería así:

Primer encabezadoSegundo encabezado
Celda 1 de la tabla>Celda 2 de la tabla
Fila 2 de la celda 1Fila 2 de la celda 2

Sección 3 – Agregar Markdown

Sistema de gestión de contenido (CMS) WordPress

Puede agregar soporte de WordPress Markdown para publicaciones (publicaciones de blog), páginas (páginas de sitios web estáticos) y comentarios (si tiene los comentarios habilitados en WordPress).

  1. Instale el complemento de WordPress Markdown: 
    2. Luego habilite Markdown por wp-admin. Primero seleccione Configuración, luego elija Escritura. Ponga una marca en la casilla de verificación donde se debe habilitar Markdown.

Plataforma de publicación fantasma

Ghost es un CMS rápido y ligero que es una alternativa a WordPress. Ghost usa Node.js en el backend y es muy rápido.
Ghost habilita Markdown de forma predeterminada, por lo que no es necesario instalar un complemento.

Generador de sitios estáticos Jekyll

Jekyll es un popular generador de sitios web estáticos que convierte su texto en un sitio web estático. Es compatible con Markdown correctamente fuera de la caja.

Generador de sitios estáticos Hugo

Hugo es otro popular generador de sitios estáticos que admite Markdown fuera de la caja.

Es muy probable que la aplicación que está utilizando sea compatible con Markdown. Consulta la documentación.

Editores de rebajas

Puede encontrar Markdown lo suficientemente atractivo como para comenzar a usar un editor de Markdown. Aquí hay un editor de muestra para Mac, Windows y Google Docs. Una búsqueda muestra que hay varios otros editores de Markdown disponibles.

Palabra clave para Mac

Byword es un editor de Markdown minimalista que le permite convertir sus documentos Markdown a HTML, Word, PDF y otros formatos. Usted puede publicar directamente desde Byword a su sitio de WordPress.

MarkdownPad para Windows

MarkdownPad es un editor de Markdown con todas las funciones para Windows. MarkdownPad te permite usar tu CSS, lo que resulta útil cuando estás creando contenido para la web.

StackEdit para Google Docs

StackEdit es un editor de Markdown “en el navegador” que es particularmente útil cuando se usa Google Docs. En Google Docs, haga clic en Nuevo entonces escoge Más, entonces escoge Conecta otras aplicaciones. Busque StackEdit o Markdown y luego instale StackEdit. 
Con StackEdit instalado, puede crear Markdown directamente en Google Docs y colaborar con otros.

Conclusión

En este artículo, aprendió la sintaxis básica de Markdown que necesita para comenzar a usarla de inmediato.

Markdown se está convirtiendo rápidamente en un estándar para formatear texto, aunque Markdown en sí no está estandarizado. Hay varios tipos de Markdown que se crearon para ampliar sus capacidades. Para obtener más información, consulte la documentación de la aplicación que está utilizando.

¡Se sorprenderá al descubrir que sus aplicaciones favoritas son compatibles con Markdown!

Echa un vistazo a los 3 mejores servicios de hosting web