Chuleta de Markdown

Chuleta de Markdown con vista previa en vivo (GitHub + CommonMark) | We.Inc

Cada elemento de Markdown con un ejemplo que puedes editar y ver renderizado al instante: saltos de línea, enlaces, tablas, casillas, notas al pie, bloques de código y alertas de GitHub, además de una plantilla de README.

Chuleta de Markdown

Markdown da formato al texto plano con unos pocos símbolos: # para los títulos, **dos asteriscos** para la negrita, [texto](dirección) para los enlaces, - para las listas con viñetas y tres comillas invertidas para los bloques de código. Puedes editar cada ejemplo de abajo, y la vista previa de al lado se actualiza mientras escribes, así que puedes probar una sintaxis antes de usarla.

Los cinco que más vas a usar

Dieciocho ejemplos en vivo que cubren todo, desde los títulos hasta las notas al pie y las alertas de GitHub, una tabla con las diferencias entre GitHub y CommonMark estándar, una plantilla de README y un editor completo al final de la página.

Preguntas frecuentes

¿Cómo hago un salto de línea en Markdown?

Termina la línea con dos espacios o una barra invertida y pulsa Enter. Un Enter normal se trata como un espacio y las líneas se juntan. Si quieres un párrafo nuevo en vez de un salto de línea, deja una línea en blanco.

¿Cómo añado una casilla de verificación en Markdown?

Empieza un elemento de lista con - [ ] para una casilla vacía o con - [x] para una marcada. Las listas de tareas forman parte de GitHub Flavored Markdown, así que funcionan en GitHub, GitLab y la mayoría de las apps de notas, pero no en CommonMark estricto.

¿Cómo hago una tabla?

Escribe la fila de encabezado con barras verticales entre las columnas, después una fila de guiones y luego una línea por cada fila. Las columnas no tienen que estar alineadas en el código fuente. Añade dos puntos en la fila de guiones para alinear una columna a la izquierda, a la derecha o al centro.

¿Cuál es la diferencia entre Markdown, CommonMark y GFM?

Markdown es la sintaxis original de 2004, que dejaba muchos casos sin definir. CommonMark es una especificación precisa de esa sintaxis básica. GitHub Flavored Markdown es CommonMark más tablas, listas de tareas, tachado, enlaces automáticos y notas al pie, y es lo que sigue la mayoría de las herramientas para desarrolladores.

¿Puedo usar HTML dentro de Markdown?

La mayoría de los renderizadores lo permiten, así que las etiquetas details y summary o una imagen centrada son habituales en los README. GitHub elimina los scripts, los estilos y algunos atributos por seguridad. Las vistas previas de esta página no renderizan HTML sin procesar, así que lo muestran como texto.

Por qué Markdown se ve distinto en cada app

Cómo escribir un buen README

Títulos

De uno a seis signos #, y luego un espacio. Usa un solo título con # por documento.

Negrita y cursiva

Los guiones bajos (__negrita__, _cursiva_) también funcionan, pero no en mitad de una palabra.

Tachado

Dos virgulillas a cada lado. Forma parte de GitHub Flavored Markdown, no del núcleo de CommonMark.

Saltos de línea

Un solo Enter no corta la línea. Termínala con dos espacios o una barra invertida, o deja una línea en blanco para un párrafo nuevo.

Enlaces

El texto entre corchetes y la dirección entre paréntesis. Los signos de menor y mayor hacen que una dirección suelta sea clicable.

Enlaces de referencia

Mantiene las direcciones largas fuera del texto. Las definiciones pueden ir en cualquier parte y no se muestran.

Imágenes

Como un enlace con ! delante. El texto entre corchetes es el texto alternativo que leen los lectores de pantalla.

Listas

Usa -, * o + para las viñetas y 1. para los números. Sangra con entre dos y cuatro espacios para anidar.

Casillas (listas de tareas)

Un espacio entre los corchetes es una casilla sin marcar; una x, una marcada. En GitHub puedes marcarlas en las issues.

Citas

Empieza cada línea con >. Una línea que solo tenga > mantiene los párrafos en una misma cita.

Código en línea

Las comillas invertidas mantienen el texto tal cual se escribe. Para mostrar una comilla invertida, rodéalo con dos: `` a`b ``.

Bloques de código

Tres comillas invertidas antes y después. La palabra que sigue a la apertura indica el lenguaje para el resaltado.

Tablas

Las barras verticales separan las columnas; la fila de guiones es obligatoria. Los dos puntos fijan la alineación: izquierda, derecha o centro.

Línea horizontal

Tres o más guiones, asteriscos o guiones bajos en su propia línea. Deja líneas en blanco alrededor de los guiones para que no se interpreten como el subrayado de un título.

Notas al pie

La nota se reúne al final del documento con un enlace de vuelta.

Escapar caracteres

Una barra invertida delante de * _ # [ ] ` y caracteres parecidos los muestra como texto plano.

Enlaces automáticos

GitHub convierte las direcciones sueltas en enlaces. CommonMark estricto necesita los signos de menor y mayor.

Alertas (avisos destacados)

GitHub las muestra como cajas de colores; otras apps muestran una cita normal, como hace aquí la vista previa.

La sintaxis de Markdown y dónde funciona

En qué se diferencia GitHub Flavored Markdown de CommonMark

En todas partes

GitHub y la mayoría de las apps

Solo GitHub

Markdown (edítame)

Vista previa

Copiar

Restablecer

La sintaxis de un vistazo

Cada elemento, en vivo

GitHub frente a CommonMark

Plantilla de README

Copiar plantilla

Abrir en el editor

Editor completo

Markdown

Copiar Markdown

{n} palabras. No se guarda ni se envía nada.

Empieza gratis · Sin tarjeta de crédito

Relacionado: Guías

Producto

Para quién es

Funciones

Recursos

Empresa

Mapa del sitio