Aprender Markdown en Minutos
Aprender Markdown en Minutos
Aprender Markdown en Minutos
Aprender Markdown y
MultiMarkdown de forma sencilla y
rápida
Joan Carles 7 abril, 2019 8 comentarios
Markdown es un lenguaje de marcado como html, pero con la particularidad que es mucho
más sencillo y práctico de usar. Además su curva de aprendizaje es extremadamente sencilla
y proporciona ventajas en lo que a productividad se refiere. Por este motivo, a continuación
veremos como aprender Markdown de forma rápida y sencilla. En cuestión de minutos todo el
mundo debería ser capaz de aprender Markdown.
Nota: Existen diferencias entre editores de Markdown. Por lo tanto es posible que algunos de los editores no acepten alguna/s de
las sintaxis mostrada en el artículo.
Si empiezo a escribir se genera un párrafo. En el momento que presiono enter para saltar
a la siguiente línea se producirá un salto de línea.
Markdown permite crear títulos o encabezados de nivel uno, dos, tres, cuatro, cinco y seis de
forma extremadamente sencilla.
Si pretendemos crear un encabezado nivel 2 haremos exactamente los mismo, pero en vez
de una almohadilla usaremos dos ##:
Si analizamos la equivalencia entre el código Markdown y html vemos que los encabezados en
Markdown contienen id. De esta forma podremos realizar fácilmente un el índice del
documento y el texto quedará más estructurado semanticamente.
No estoy de acuerdo
Acto seguido presionaremos enter y cuando saltemos a la siguiente línea ya podremos escribir
el siguiente día de la semana.
Por lo tanto, para realizar una lista de los días de la semana usaremos el siguiente código:
* Lunes
* Martes
* Miércoles
- Lunes
- Martes
Para escribir un lista numérica de las partes que tiene un día escribiremos lo siguiente:
1. mañana
2. tarde
3. noche
Una ejemplo para que puedan ver lo que acabo de explicar es el siguiente:
- Lunes
1- mañana
2- tarde
3- noche
- Martes
Negrita **palabra**
Cursiva *palabra*
Tachado ~~palabra~~
Para subrayar palabras deberemos usar código html. La mayoría de editores Markdown
permitirán mezclar código markdown con html. Por lo tanto, para subrayar una palabra los
haremos del siguiente modo:
<u>aprender markdown</u>
[texto_de_ancla](URL_que_queremos_enlazar_o_enlace_de_descarga)
Y queremos enlazar el texto Pi-Hole a una determinada URL tendremos que hacerlo del
siguiente modo:
[pi-hole](https://geekland.eu/instalar-configurar-pi-hole-raspberry-pi/) es
una opción interesante.
Si lo creemos oportuno también podemos añadir un título al enlace con la siguiente sintaxis:
[texto_de_ancla](URL_que_queremos_enlazar)”titulo_del_enlace”
[pi-hole](https://geekland.eu/instalar-configurar-pi-hole-raspberry-pi/ ”Exp
licación de como instalar Pi-hole”) es una opción interesante.
Si tan solo quiero enlazar una URL sin poner título alternativo, sin texto de ancla ni título lo
podemos hacer del siguiente modo:
<https://geekland.eu/instalar-servidor-dlna-readymedia-raspberry-pi-linux/>
![texto_alternativo_imagen](URL_imagen)
Nota: La url puede ser una dirección local o una dirección que apunte a una imagen alojada en un servidor web.
Si queremos añadir un título a la imagen lo haremos del siguiente modo. Después del código
que acabamos de usar:
1. Dejamos un espacio.
Una vez finalizado el texto, al final del documento definiremos los enlaces del siguiente modo:
[Geekland]: https://geekland.eu
De este modo, todas las palabras Geekland del documento que estén entre corchetes se
enlazarán con la URL geekland.eu:
![incrustar fuentes]
![incrustar fuentes]
Si observamos el resultado obtenido vemos que podemos añadir una imagen tantas veces
como queramos definiendo la URL solamente una vez.
1. Antes de iniciar el código escribimos tres acentos abiertos «` seguido del nombre del
lenguaje que queremos insertar en el cajetín.
```html
<!DOCTYPE HTML>
<html>
<head>
<title>Ejemplo</title>
</head>
<body>
<?php
echo "¡Hola, mundo PHP!";
?>
</body>
</html>
```
[ ]
En el caso que queramos marcar la tarea como realizada tenemos que reemplazar el espacio
por una X del siguiente modo:
[X]
1. |
2. :
3. —
El primer paso para crear una tabla consiste en definir los títulos de las columnas. Para ello
escribiremos los títulos de las columnas separados por tuberías | tal y como se muestra en el
siguiente ejemplo:
Acto seguido repetiremos la línea que acabamos de escribir sustituyendo los títulos de las
columnas por —
En estos momentos hemos generado una tabla que tiene 3 columnas y una fila que con los
títulos de las columnas. Finalmente añadiremos el resto de filas de la misma forma que
añadimos las columnas:
Con este simple código habremos generado una tabla. Si además queremos justificar a la
derecha el contenido de la columna 2 y centrar todo el texto de la columna 3, lo haremos
usando el símbolo : en la segunda fila del código Markdown:
Por lo tanto realizar tablas en Markdown es increíblemente más fácil que en html. Por esto
motivo es útil aprender Markdown.
1. Justo después de la palabra que queremos añadir una nota al pie de página escribiremos
un corchete [
3. A continuación escribimos una palabra sin espacios que describa el tipo de comentario
que pondremos al pie de página
Nota: Para ser más ordenados sugiero definir la totalidad de notas al final del documento que estamos editando.
1. Escribimos un *
2. Abrimos corchetes [
Como podéis ver, cuando pasamos el ratón por encima de la palabra TAS nos aparecerá su
definición o significado.
Nota: Recomiendo que se definan todas las abreviaciones al final de documento. De este modo el documento quedará mucho más
ordenado.
Markdown
: Es un lenguaje de marcado ligero creado por John Gruber
Markdown
: Es un lenguaje de marcado ligero creado por John Gruber.
: Es una palabra inglesa que significa reducción de precio.
Para anular el código Markdown tendremos que usar el carácter \. A modo de ejemplo:
Si escribimos:
*geekland*
Si queremos que no se aplique el código markdown y se muestre el texto real que hemos
escrito tendremos que añadir una contrabarra \ al inicio de la palabra del siguiente modo:
\*geekland*
En la siguiente imagen podéis ver una ilustración gráfica de lo citado en este apartado:
INSERTAR VÍDEOS EN MARKDOWN
Otro aspecto que debemos abordar para aprender Markdown es la inserción de vídeos. El
procedimiento será variable y en función del editor de Markdown que utilicen.
2. Acto seguido abren corchetes [ y escriben el nombre del servicio en que está alojado el
vídeo.
3. Cierren corchetes ]. Finalmente, entre paréntesis peguen la URL del vídeo que quieren
insertar.
![youtube](https://www.youtube.com/watch?v=Mh0Of4LzEfk)
![vimeo](https://vimeo.com/76979871)
Para visualizar los videos tan solo tendremos que clicar sobre el icono Play.
Para obtener el link de Youtube que nos permitirá insertar un vídeo determinado lo haremos
del siguiente modo. Empezamos a reproducir el vídeo que queremos insertar. Acto seguido,
encima del vídeo presionamos el botón izquierdo del ratón y cuando aparezca el menú
contextual clicamos encima de la opción Copiar código de inserción.
Acto seguido nos vamos a nuestro editor de Markdown y pegamos el contenido del
portapapeles. De este modo tan sencillo podremos insertar vídeos los servicios de vídeo
online más populares:
[![texto_alternativo_imagen](url_imagen_que_representará_el_video)](url_de‐
l_vídeo_que_queremos_insertar)
[![aprender markdown](https://i.ytimg.com/vi/POWdnjYfWDo/hqdefault.jpg)](htt
ps://www.youtube.com/watch?v=POWdnjYfWDo)
Para acceder a visualizar el vídeo tenemos que clicar encima de la imagen. En el momento de
clicar la imagen se abrirá el navegador y se visualizará el vídeo.
A modo de ejemplo, para crear un índice de contenido con el editor de markdown Typora tan
solo tenemos que acceder al menú Párrafo y clicar encima de la opción Tabla de contenidos.
Accedan a la siguiente URL. Acto seguido peguen el texto Markdown que han generado a la
columna de la izquierda y presionen el botón Convert. Acto seguido en la columna de la
derecha se generará el código que generará la tabla de contenido.
Los editores de Markdown permiten realizar tareas adicionales como por ejemplo:
1. Insertar ecuaciones.
3. Etc.
Para terminar decir que si quieren pueden hacer vuestras propuestas y preguntas en los
comentarios del artículo. Como habrán visto aprender Markdown no es tan complicado.
Aprender Markdown es cuestión de minutos y ayuda a incrementar nuestra productividad.
Facebook
Twitter
Telegram
Email
Reddit
LinkedIn
WhatsApp
Compartir
Joan Carles 7 abril, 2019 Varios Markdown
Joaquín Gutiérrez R.
8 abril, 2019 a las 16:22
¡Gracias!
Responder
Joan Carles
8 abril, 2019 a las 22:20
Hola Gracias
Saludos
Responder
Pedro Osmán
11 abril, 2019 a las 22:04
Gracias y saludos.
Responder
Javi Felices
14 mayo, 2019 a las 9:46
Buenas.
Un saludo y gracias.
Responder
Joan Carles
14 mayo, 2019 a las 22:18
Hola buenas,
Saludos
Responder
Checo Ávila
31 agosto, 2019 a las 21:28
Hola.
Gracias.
Responder
Checo Ávila
4 septiembre, 2019 a las 16:59
Hola de nuevo.
Responder
Joan Carles
4 septiembre, 2019 a las 22:50
Hola buenas,
Responder
Comentario
Web
Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez
que comente.
Publicar el comentario
Donaciones Buscar
Si es un lector habitual de este blog y le Buscar …
gusta su contenido quizá quiera contri‐
buir a su mantenimiento. Cualquier can‐ Buscar
tidad por pequeña que sea será bien
recibida.
Etiquetas
Adblock Plus Aplicaciones apt Audio buscar archivos
Windows 10 xfce
Política de Cookies