2014-07-24 01:19:10 +00:00
|
|
|
<!-- Markdown está basado en HTML, así que cualquier archivo HTML es Markdown
|
2014-07-24 02:48:35 +00:00
|
|
|
válido, eso significa que podemos usar elementos HTML en Markdown como, por
|
|
|
|
ejemplo, el comentario y no serán afectados por un parseador Markdown. Aún
|
|
|
|
así si creas un elemento HTML en tu archivo Markdown no podrás usar sintaxis
|
|
|
|
Markdown dentro de él. -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- La implementación de Markdown cambia de acuerdo al parseador. Esta
|
|
|
|
guía servirá para clarificar cuales características son universales y
|
|
|
|
cuales son específicas de cada parseador-->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
<!-- Headers -->
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Puedes crear headers HTML fácilmente precediendo al texto con una serie
|
|
|
|
de símbolos de números (#)-->
|
|
|
|
|
|
|
|
# Esto es un <h1>
|
|
|
|
## Esto es un <h2>
|
|
|
|
### Esto es un <h3>
|
|
|
|
#### Esto es un <h4>
|
|
|
|
##### Esto es un <h5>
|
|
|
|
###### Esto es un <h6>
|
|
|
|
|
|
|
|
<!-- Markdown también nos proveé con dos alternativas para indicar h1 y h2 -->
|
|
|
|
Esto es un h1
|
2014-07-24 01:19:10 +00:00
|
|
|
=============
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
Esto es un h2
|
2014-07-24 01:19:10 +00:00
|
|
|
-------------
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Estilos para texto plano -->
|
|
|
|
<!-- El texto puede ser fácilmente estilizaedo con italicas, negritas o tachado
|
|
|
|
usando markdown -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
*Este texto está en itálicas.*
|
|
|
|
_Al igual que este texto._
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
**Este texto está en negritas.**
|
|
|
|
__Al igual que este texto.__
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
***Este texto tiene ambos estilos.***
|
|
|
|
**_Al igual que este!_**
|
|
|
|
*__¡Y este!__*
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- En Github Flavored Markdown, el cual es usado para mostrar archivos
|
|
|
|
Markdown en Github, también tenemos: -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
~~Este texto está tachado.~~
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Los párrafos son una o múltuples líneas de texto adyacentes separadas por
|
|
|
|
una o múltiples líneas en blanco-->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
Este es un párrafo. Estoy escribiendo un párrafo, ¿No es divertido?
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
Ahora estoy en el párrafo dos.
|
|
|
|
¡Sigo en el párrafo dos!
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
¡Estoy en el párrafo tres!
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Si en algún momento quieres insertar un break HTML <br />, puedes terminar
|
|
|
|
un párrafo con dos o más espacios y luego empieza un párrafo nuevo-->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
Termino con dos espacios (selecciona esta línea completa para que los veas).
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
¡Hay un <br /> arriba de mí!
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Las citas de bloque son fáciles y se pueden hacer con el caracter >. -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
> Esta es una cita de bloque. Puedes
|
|
|
|
> envolver tus líneas manualmente y poner un `>` antes de cada línea o puedes dejar que tus líneas sean muy largas y que se envuelvan solas.
|
|
|
|
> No hay diferencia, siempre y cuando empiecen con `>`.
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
> ¿También puedes usar más de un nivel
|
|
|
|
>> de indentación?
|
|
|
|
> Esto es muy útil ¿No?
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Listas -->
|
|
|
|
<!-- Las listas desordenadas se hacen usando asteriscos, símbolos de más,
|
|
|
|
o guiones -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
* Item
|
|
|
|
* Item
|
2014-07-24 02:48:35 +00:00
|
|
|
* Otro item
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
o
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
+ Item
|
|
|
|
+ Item
|
2014-07-24 02:48:35 +00:00
|
|
|
+ Un item más
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
o
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
- Item
|
|
|
|
- Item
|
2014-07-24 02:48:35 +00:00
|
|
|
- El último item
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Las listas ordenadas se logran con un número seguido de un punto -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
1. Item uno
|
|
|
|
2. Item dos
|
|
|
|
3. Item tres
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Aunque Markdown mostrará los items correctamente en orden, esto no
|
|
|
|
es una buena idea -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
1. Item uno
|
|
|
|
1. Item dos
|
|
|
|
1. Item tres
|
|
|
|
<!-- (Esto muestra lo mismo que el ejemplo de arriba) -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- También puedes usar sub-listas -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
1. Item uno
|
|
|
|
2. Item dos
|
|
|
|
3. Item tres
|
2014-07-24 01:19:10 +00:00
|
|
|
* Sub-item
|
|
|
|
* Sub-item
|
2014-07-24 02:48:35 +00:00
|
|
|
4. Item cuatro
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Bloques de código -->
|
|
|
|
<!-- Puedes indicar un bloque de código (usan los elementos <code>) indentando
|
|
|
|
una línea con cuatro espacios o un tab-->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
Esto es código
|
|
|
|
Esto también
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- También puedes insertar dos tabs (o cuatro espacios adicionales)
|
|
|
|
para indentar dentro del código -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
my_array.each do |item|
|
|
|
|
puts item
|
|
|
|
end
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Código dentro de la línea puede ser escrito usando la comilla ` -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
¡John no sabía lo que la función `go_to()` hacía!
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Con Github Flavored Markdown, puedes usar una sintaxis especial para código -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
\`\`\`ruby <!-- quita esas comillas cuando lo hagas, deja sólo ```ruby ! -->
|
2014-07-24 01:19:10 +00:00
|
|
|
def foobar
|
|
|
|
puts "Hello world!"
|
|
|
|
end
|
2014-07-24 02:48:35 +00:00
|
|
|
\`\`\` <!-- aquí también, sin comillas, sólo ``` -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- El texto de arriba no necesita indentación, aparte Github usará
|
|
|
|
resaltará la sintaxis del lenguaje que especifiques después de ``` -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Regla horizontal (<hr />) -->
|
|
|
|
<!-- Las reglas horizontales se agregan fácilmente con tres o más asteriscos o guiones,
|
|
|
|
con o sin espacios. -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
***
|
|
|
|
---
|
|
|
|
- - -
|
|
|
|
****************
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Ligas -->
|
|
|
|
<!-- Una de las mejores cosas de Markdown es la facilidad para hacer ligas. Pon
|
|
|
|
el texto a mostrar en corchetes [] seguidos por la URL en paréntesis () -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
[¡Haz click!](http://test.com/)
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- También puedes agregar el titulo de la liga usando comillas dentro de los paréntesis -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
[¡Haz click!](http://test.com/ "Liga al test.com")
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- También funcionan las rutas relativas. -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
[Ir a la música](/music/).
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Markdown también soporta ligas con estilo de referencia -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
¡[Has click a esta liga][liga1] para más información!
|
|
|
|
[También mira esta liag][foobar] si quieres.
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- El título también puede estar en comillas simples o dentro de paréntesis,
|
|
|
|
también se pueden omitir completamente. Las referencias pueden estar en cualquier
|
|
|
|
lugar en tu documento y los IDs de referencia pueden ser lo que sea mientras sean únicos. -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- También hay "nombramiento implicito" el cual te permite usar el texto de la liga como id -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
[Esta][] es una liga.
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Pero no se usa comúnmente. -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Imagenes -->
|
|
|
|
<!-- Las imagenes se hacen de la misma forma que las ligas pero con un símbolo de exclamaciónal frente! -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
![Esta es una etiqueta (texto alternativo) para mi imagen](http://imgur.com/myimage.jpg "Un titulo opcional")
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Y el estilo de referencia funciona como se espera -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
![Esta es una etiqueta.][myimage]
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Misceláneos -->
|
|
|
|
<!-- Auto-ligas -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<http://testwebsite.com/> equivale a
|
2014-07-24 01:19:10 +00:00
|
|
|
[http://testwebsite.com/](http://testwebsite.com/)
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Auto-ligas para correos electrónicos -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
<foo@bar.com>
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Escapando caracteres -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
Quiero escribir *este texto rodeado por asteriscos* pero no quiero que esté en itálicas,
|
|
|
|
así que hago esto: \*Este texto está rodeado de asteriscos\*.
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- Tablas -->
|
|
|
|
<!-- Las tablas sólo están disponibles en Github Flavored Markdown y son un poco pesadas,
|
|
|
|
pero si de verdad las quieres: -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
| Col1 | Col2 | Col3 |
|
|
|
|
| :----------- | :------: | ------------: |
|
2014-07-24 02:48:35 +00:00
|
|
|
| Izquierda | Centrado | Derecha |
|
2014-07-24 01:19:10 +00:00
|
|
|
| blah | blah | blah |
|
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- o, para los mismos resultados -->
|
2014-07-24 01:19:10 +00:00
|
|
|
|
|
|
|
Col 1 | Col2 | Col3
|
|
|
|
:-- | :-: | --:
|
2014-07-24 02:48:35 +00:00
|
|
|
Ugh esto es feo | has que | pare.
|
2014-07-24 01:19:10 +00:00
|
|
|
|
2014-07-24 02:48:35 +00:00
|
|
|
<!-- ¡El fin! -->
|