Guía de estilos

Jekyll, el sistema de la web, utiliza el lenguaje markdown para dar estilos a la web. Esto es muy cómodo, puesto que markdown es un "lenguaje" muy intuitivo y fácil de usar...

Recuerda que en la web los elementos no se verán exactamente como se ven en las páginas de github... Por eso he subido esta misma página a la web, de modo que puedas ver como quedarán los estilos al final.

Para que las páginas y posts tengan un estilo coherente, vamos a intentar utilizar todos masomenos los mismos estilos:

Texto (formatos básicos)

Para introducir una palabra en negrita la rodearemos por **, para introducir una itálica la rodeamos por _, ejemplos: **negrita** _itálica_. Para insertar un salto de línea en un párrafo, acaba la línea con dos espacios.

Hipervínculos

Para introducir un link usa la siguiente estructura:
[texto](url)

Títulos

Puede ser necesario, dentro de un mismo post/página utilizar distintos tamaños de títulos. Para ello usaremos el siguiente código:

## Título grande

### Título mediano

#### Título pequeño

No uses simplemente una almohadilla #, en la web está reservada para el título principal de la web...

Listas

Existen dos tipos de listas, las numeradas y las no numeradas. Para introducir una lista numerada, pon delante de cada elemento un 1. (acuerdate del espacio después del punto). Para introducir una lista no numerada pon delante de cada elemento un - (acuerdate del espacio).

• Lista
• no
• numerada

1. Lista
2. Numerada

Citas (indentados)

Si quieres introducir una cita, o un texto indentado, pon un > delante del párrafo:

> Cita

Vídeos

Para introducir un vídeo (tanto de youtube como de vímeo) copia el código de embeding desde la página del video e insertalo en el archivo que estés editando. Para que se vea bien en todos los dispositivos es importante rodear el código que has copiado por el siguiente código:
<div class="videoWrapper">
Código del vídeo
</div>

Referencia: http://www.jekyllnow.com/Markdown-Style-Guide/