Markdown

Una breve introducción.

En 2004 John Gruber crea esta herramienta para ser distribuida de forma gratuita para convertir texto plano a HTML.

Markdown está considerado un lenguaje de marcado ligero que trata de la máxima legibilidad y facilidad de publicación con una serie de convenciones básicas.

Está muy difundida su utilización en los archivos README.MD que podremos encontrar por ejemplo en github en los archivos donde los desarrolladores explican sus proyectos.

Este método de escritura como explique antes tiene una gran cualidad que es la de ser legible desde su codificación como desde su visualización en un explorador.

Es muy simple indicar características del texto como negritas, cursivas, enfatizada, enlaces, listas, y muchas más sin que estas  hagan ilegible el texto pre formateado.

Markdown es muy utilizado en Trello, WordPress, foros, edición de libros digitales, etc.  Pero también se utiliza en la documentación técnica que se entregan con muchos programas o ejemplos de códigos fuente.

Al ser texto plano no hace falta ninguna herramienta específica, un simple editor de texto plano nos vale para generar contenidos, aunque existen algunos editores específicos o complementos para nuestro editor preferido.

Como esto no intenta ser un monográfico sobre Markdown, tan solo una ayuda para entender cómo funciona vamos al lio y a mostrar algunos estilos que nos pueden interesar.

¿Cuál es la sintaxis básicas?

Como ya dijimos esto es muy simple, la forma de utilizar este marcaje específico es: desde nuestro editor de texto habitual creamos un archivo de texto plano con extensión  .md y dentro escribimos.

Las etiquetas básicas para empezar a trabajar podrían ser :

Encabezados si colocamos delante de nuestro texto una almohadilla (#) indicamos que el texto a continuación es un encabezado
#                    equivale a h1
##                   equivale a h2
###                  equivale a h3
####                 equivale a h4
#####                equivale a h5
######               equivale a h6
Cita Con un simple símbolo de “mayor que” (>) indicaremos una cita.
Salto de Linea Con dos espacios en blanco seguidos indicamos un salto de línea.
Cursiva Para las cursivas basara con indicarlas encerrando el texto entre asteriscos (*)

*cursiva* o con guiones bajos _cursiva_

Si utilizamos tres asteriscos obtenemos una cursiva en negrita

*** cursiva+negrita ***
Codigo Utilizando acentos graves enmarcamos una línea de código

<meta charset="utf-8" />

Para varias líneas de código es necesario encadenar tres acentos graves:

code2

Listas Tenemos dos tipos de listas, las ordenadas y los que no tienen orden.

Una lista ordenada

1. opción 1
2. opción 2
3. opción 3

Una desordenada

* opción 1
* opción 2
* opción 3

En este último caso podemos usar *, -, + y anidarlas como se muestra a continuación.

- opción 1
- opción 2
   + opción 2 1
       - 2 1 1
       - 2 1 2
   + opción 2 2
- opción 3
   * opción 3 1
   * opción 3 2
Enlaces Con paréntesis () y corchetes [] podermos especificar un link.

[texto a mostrar](http://link.com)

Donde solo se muestra el texto y no la dirección.

Si lo que queremos es mostrar solo el link será suficiente con

<https://perezneira.wordpress.com>
Imágenes La forma de incluir una imagen es muy similar a un link pero con un signo de admiración delante.

![texto alternativo](/ruta/img.jpg)

También podría agregar un título de la siguiente forma

![texto alternativo](/ruta/img.jpg “Titulo”)

Un pequeño ejemplo:

code

Hay algunas etiqueta  más pero creo que con estas ya podemos apañarnos muy bien para comenzar y si nos interesa ampliar nuestros conocimientos sobre el tema.

Si buscan editores específicos para Markdown existen varios y la mayoría para Windows por ejemplo “MarkPad”, “MarkDownPad”, “MdCharm”.

Gracias y hasta la proxima.

Deja tu comentario

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s