Revista Informática

Cómo escribir Markdown - Parte I

Publicado el 24 junio 2014 por Codehero @codeheroblog
Cómo escribir Markdown - Parte I

Dificultad: Novato

Duración: 15 min

Nos encontramos en una época donde el medio de comunicación más grande esta basado en la web. Cada vez más personas se adentran al mundo digital para crear o compartir contenido, ciertamente para poder escribir en la web en medios como blogs se suele depender de lo que llamamos manejadores de contenido, estas son herramientas diseñadas para que los usuarios puedan escribir de manera natural en un pequeño editor de texto con su barra de herramientas tipo Microsoft Word para formatear el texto como lo deseen. Si tomamos el caso de Tumblr sería algo como esto:

Cómo escribir Markdown - Parte I

Ciertamente es una manera fácil de otorgar a los usuarios sin ningún tipo de conocimiento de programación, la capacidad de generar contenido que al ser publicado se convierte en su versión HTML y logramos ver de manera correcta según el tema de nuestro sitio, y con un estilo agradable a la vista.

Esto no significa que la manera de escribir de estos usuarios no se pueda estandarizar para que se vea de la manera correcta sin importar el portar o el manejador de contenido que se utilice, por ello esta semana presentamos una pequeña entrada del uso de Markdown.

Qué es Markdown

Se le define tanto como al software escrito en Perl el cual convierte el texto escrito en HTML y adicionalmente, a la sintaxis utilizada para llegar al resultado HTML que esperamos. Una sintaxis pensada para ser sencilla para cualquiera que desee escribir en la web, sin necesidad de conocimientos de la misma.

Hoy en día la mayoría de los manejadores de contenido como Wordpress o Drupal, e incluso muchos clientes de correo, soportan la el uso de la sintaxis Markdown, ya sea nativamente en la implementación principal o mediante de complementos instalables, esto con la intención de facilitar la creación de texto formateado sin la necesidad de implementar estilos o conocer de HTML. Estos manejadores utilizan un analizador o parser para convertir el texto escrito en Markdown a HTML.

Veamos ahora la sintaxis.

Párrafos

Si estuviéramos escribiendo normalmente en un editor común, para definir un párrafo simplemente presionaríamos un par de Enter y veremos nuestro cursor ir un par de líneas más abajo para escribir en un párrafo nuevo.

En HTML se le conoce como <p> de párrafo o paragraph.

En Markdown es tan fácil como en un editor normal.

Adicionalmente tenemos la ventaja de que un único salto de línea no, separa el texto en múltiples líneas, si escribimos algo así:

Un texto. Otro texto. 

Se verá así:

Un texto. Otro texto. 

Utilizar múltiples líneas de separación se reduce igualmente a un único espacio de separación entre los párrafos.

Encabezados

En un editor normal necesitaríamos de la barra de herramientas para definir un estilo de encabezado para un texto, o si te sientes un poco desordenado bastaría con subirle al tamaño de la fuente y poner lo en negrita.

En HTML se les conoce como <h1>, <h2>, etc, de header.

En Markdown es muy sencillo, simplemente debes colocar el caracter numeral (#) de prefijo al encabezado, mientras más de estos tenga de menor grado será el encabezado (hasta 6).

Por ejemplo uno encabezado <h1> (el más grande) y uno <h3> se escribirían así:

# Gran encabezado ### Pequeño encabezado 

Y se verá así:

Pequeño encabezado

Adicionalmente, solo para <h1> y <h2> puedes utilizar la sintaxis , la cual te permite "subrayar" con 3 o más símbolos de igual (=) para producir un encabezado <h1> o con guiones (-) para <h2>:

Gran encabezado ==== Mediano encabezado ---- 

Separadores

Los separadores normalmente no son posibles de dibujar en editores sencillos.

En HTML se convierten en <hr> de horizontal rules.

Se delimitan al escribir 3 o más asteriscos o guiones. Pueden estar seguidos o separados por un espacio, no importa.

Estas marcas horizontales son las que puedes apreciar que separan cada una de la pequeñas secciones de esta entrada. Como la que viene ahora.

Énfasis

Este formateado es el conocido como itálico y negrita.

Para crear texto con formato itálico tan solo debes rodear el texto entre simples asteriscos o subguiones, y para negrita entre dobles:

*texto italico.* _texto italico._ **texto negrita.** __texto negrita.__ 

Se vería algo así:

texto italico. texto negrita.

Tachado*

Este permite colocar texto como si lo estuviésemos tachando, utilizado mucho noticias que fueron corregidas o actualizadas.

EN HTML sería <strike> de strikethrough.

Basta con rodear el texto entre doble virgulillas o tildes de eñe:

Esta opción no está disponible para todos los parsers de Markdown, ya que no es parte del estándar unificado.

Citas

El estilo de cita normalmente no se encuentra de manera fácil en un editor de texto común. En esta entrada lo has visto ya varias veces, cada vez que mencionamos el equivalente en HTML como lo que sigue:

Solo debemos colocar el carácter de "mayor que" (>) como prefijo al texto que le sigue:

> Esta es una cita. 

Se vería:

Esta es una cita.

Listas

Para definir una lista de objetivos solemos utilizar la funcionalidad de viñetas para listas sin orden especifico y listas numeradas.

En HTML sería <ul> para listas sin orden, <ol> para listas ordenadas y <li> para definir cada item de la lista.

En Markdown las definimos simplemente prefijando cada ítem con un asterisco (*), guión (-) o símbolo de más (+) para listas sin orden. Para listas ordenadas prefijamos con el número que le corresponde y un punto:

* Compra leche. * Comprar pan. 1. Primero ir al mercado. 3. De último ir a la casa. 2. Luego pasar por la oficina. 

Se vería así:

Notemos que en la listas ordenadas NO se respeta el orden que especifica el número, sino el orden en el cual se escribieron.

Conclusión

Hemos visto el inicio de cómo escribir en una sintaxis diferentes pero que nos trae muchas ventajas para que nuestro contenido pueda tener un formato adecuado sin depender del lugar donde lo estamos escribiendo. No te preocupes si algún lugar donde quieres escribir Markdown no lo soporte, muchos de ellos si entienden HTML puro, así que pueden buscar cualquier convertidor que traduzca tu texto a HTML y suministrarlo. Hasta la próxima parte...

Compártela:

Please enable JavaScript to view the comments powered by Disqus.comments powered by


También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :

  • Vitoria - Ciudad Verde (Parte I)

    Vitoria Ciudad Verde (Parte

    Vitoria, se una ciudad de la comunidad autónoma del País Vasco, y capital de Álava. A lo largo de la historia, ha sido camino de paso y punto estratégico en... Leer el resto

    Por  Senorl
    FOTOGRAFÍA
  • Cómo Maquillar Ojos Pequeños (I)

    Cómo Maquillar Ojos Pequeños

    ¿Tienes los ojos pequeñitos? Pues eso no es un problema, no sólo hay que dar gracias por tenerlos, es que además dispones de una gran cantidad de trucos para qu... Leer el resto

    Por  Aranchawp
    BELLEZA, COCINA, EN FEMENINO, RECETAS
  • Emociones negativas ¿Cómo ayudo a mi hijo a manejarlas? (Parte I)

    Emociones negativas ¿Cómo ayudo hijo manejarlas? (Parte

    Todos, sin excepción, nos enfadamos o hemos sentido la punzada de la rabia, la ira, la indignación, el coraje o llamémosle con el sinónimo que queramos, todos... Leer el resto

    Por  Mamapsicologain
    INFANCIA, MATERNIDAD, PATERNIDAD, PSICOLOGÍA
  • La gran estafa de Catalunya. Parte I

    Escrito por Vicenç Navarro Catalunya es uno de los poquísimos países de la Eurozona en el que el Gobierno, a pesar de ser uno de los gobiernos que han llevado... Leer el resto

    Por  Jordi Martinez Aznar
    SOCIEDAD
  • Nochevieja en Madeira (Parte I)

    Nochevieja Madeira (Parte

    La primera foto que tomé! Hace una semana regresé de Madeira y tenía muchas ganas de contarles mi experiencia! Como ya conté en algún post anterior, fue... Leer el resto

    Por  Armarioyetc
    TENDENCIAS
  • Chocolatinas i❤you (parte iii)

    Chocolatinas i❤you (parte iii)

    Como el título del post dice, es la tercera versión que saco de las chocolatinas I❤YOU y es porque por una cosa o por otra he ido cambiando la cajita donde... Leer el resto

    Por  El Osito Con Zapatos Nuevos Mariola Abascal
    EN FEMENINO, MATERNIDAD, TENDENCIAS
  • Cómo Vestir el Esmoquin Adecuadamente (I)

    Cómo Vestir Esmoquin Adecuadamente

    Esmoquin. Autor: Incal En el post Novio con Esmoquin, ¿Sí o No?, ya te comenté que no es la prenda más apropiada para una boda, tanto para el novio... Leer el resto

    Por  Aranchawp
    BODA, PAREJA, TENDENCIAS

Dossier Paperblog