Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Markdown: Aprende una nueva forma de escribir

Markdown: Aprende una nueva forma de escribir

Markdown es un “lenguaje de marcado ligero“, un lenguaje fácil, simple y cómodo para editar textos ideado por John Gruber y Aaron Swartz, que nació como una forma de escritura para la web pero últimamente se está poniendo muy de moda (sobre todo por ser muy usado en sitios como GitHub) y que permite escribir y publicar en cualquier lugar y sin experiencia de una forma limpia y sencilla.
Escribir una vez, (auto)publicar en varios formatos: eso es lo que Markdown nos permite, centrándonos en el contenido y dándole forma sin necesidad de ser expertos en informática ni en complicados procesadores de textos. Con Markdown puedes escribir y dar forma a mis contenidos desde tu tablet o teléfono, además del ordenador.

¡Empieza a crear tus textos y tus presentaciones con Markdown cuanto antes!

6c68edbaa40e50a0420ee1c125d17189?s=128

Imanol Terán

October 07, 2016
Tweet

Transcript

  1. MARKDOWN: Aprende una nueva forma de escribir Araba Encounter -

    07/10/16
  2. QUIÉN SOY Imanol Terán Maruri iOS & Web developer and

    trainer
  3. Temario → ¿Qué es Markdown y por qué utilizarlo? →

    Markdown básico → Multiplataforma (macOS, PC, iOS, Web...) → Markdown avanzado → Flujo de trabajo en Markdown
  4. ¿Qué es Markdown y por qué utilizarlo?

  5. Markdown es un lenguaje de marcado ligero creado por John

    Gruber que trata de conseguir la máxima legibilidad y facilidad de publicación tanto en su forma de entrada como de salida, inspirándose en muchas convenciones existentes para marcar mensajes de correo electrónico usando texto plano. — Wikipedia
  6. TEXTO PLANO

  7. Características de Markdown → Alfabeto tradicional + caracteres como "*","`",

    ""#" → Se está convirtiendo en un estándar (científicos, escritores, desarrolladores...) → Se utiliza en Github o Reddit → Centrado en el contenido
  8. Ventajas de usar Markdown → Flexibilidad. → Escribe una vez,

    utiliza dónde quieras. → Te aseguras compatibilidad en el futuro. → Facilidad para compartir, a diferencia de Word y otros procesadores de texto → Curva de aprendizaje poco pronunciada
  9. Posibles usos de Markdown → Presentaciones → Edición de textos

    → Publicación en blogs → Documentación de código → Redacción de libros
  10. Markdown básico Sintáxis

  11. Sintáxis | Encabezados

  12. Encabezado1 Encabezado2 Encabezado3 Encabezado4 Encabezado5 Encabezado6

  13. Encabezado1 Encabezado2 Encabezado3 Encabezado4 Encabezado5 Encabezado6

  14. Sintáxis | Negrita y cursiva

  15. Para escribir un texto en negrita, utilizamos la combinación **texto

    en negrita** o __texto en negrita__
  16. Para escribir un texto en cursiva, utilizamos la combinación *texto

    en cursiva* o _texto en cursiva_
  17. Sintáxis | Enlaces

  18. Al igual que en HTML, tenemos dos tipos de enlaces

    en Markdown → Enlaces en línea → Enlaces de referencia → Otro punto del documento → Referencia a mismo punto desde sitios diferentes
  19. Enlaces en línea [Texto del enlace](link)

  20. Enlaces de referencia [Texto del enlace][nombre de tu referencia] [nombre

    de tu referencia]: link
  21. Se puede añadir énfasis en los enlaces pero no es

    recomendable añadir links en textos de cabecera
  22. Sintáxis | Imágenes

  23. → Misma estructura que los enlaces, añadiendo ! delante y

    el enlace será la ruta donde se encuentra la imagen → También se pueden referenciar en un mismo documento, igual que los enlaces
  24. ![alt text](ruta de la imagen)

  25. None
  26. None
  27. None
  28. Texto sobre una imagen Si introduces un texto después de

    una imagen, se aplica un filtro para que el texto sea más legible
  29. Podemos quitar el filtro

  30. Hacer zoom

  31. Dividir la pantalla Utilizando las palabras "left" o "right", colocamos

    la imagen en la mitad izquierda o derecha de la pantalla
  32. Forzar filtro Mediante la palabra clave "filtered"

  33. Ajustar imagen en pantalla dividida Con la palabra "fit" ajustamos

    el tamaño de la imagen
  34. Sintáxis | Citas

  35. None
  36. “If you don't have time to read, you don't have

    the time (or the tools) to write. Simple as that.” ― Stephen King
  37. → Podemos crear una cita, poniendo delante de un texto

    el símbolo ">" y el autor de la cita tras "-", después de ENTER → Dentro de una cita, pueden ir contenidos el resto de elementos de Markdown.
  38. “If you don't have time to read, you don't have

    the time (or the tools) to write. Simple as that.” La cita puede tener dos párrafos O incluso 3 — Imanol Terán
  39. Sintáxis | Listas

  40. 1. Listas 2. ordenadas → Desordenadas

  41. → Listas → desordenadas

  42. 1. LISTAS ORDENADAS 2. Introducir 1. 3. 2. 4. Y

    así sucesivamente... !
  43. → LISTAS DESORDENADAS → Pueden generarse con diferentes símbolos →

    "+" → "-" → "*"
  44. Dentro de las listas podemos poner negritas, cursivas o enlaces

  45. Y, por supuesto, podemos crear listas → anidadas → anidadas

    1. Y combinadas * No recomendable más de 3 niveles de indentación
  46. Sintáxis | Párrafos

  47. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

    eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  48. Si pulsamos ENTER una vez: salto de línea Si pulsamos

    ENTER dos veces: línea extra separando los párrafos
  49. → También podemos meter párrafos dentro de listas Esto sería

    un párrafo dentro de este mismo item. → Y este sería otro item de la lista con más párrafos. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  50. Sintáxis | Código

  51. <html> <head></head> <body></body> </html>

  52. override func viewDidLoad() { super.init() let myView:UIView }

  53. h1 { color: #f3f3f3; font-size: 1.5em; padding: 10px 2px; }

  54. → Muy útil para escribir publicaciones o documentación técnica. →

    Permite mostrar partes de código en cualquier lenguaje de programación. → Tenemos que meter nuestro código entre los caracteres ~~~ codigo ~~~
  55. → También podemos meter líneas simples de código entre los

    símnolos `` var miVariable = "Línea simple de código"
  56. Sintáxis | Omitir Markdown

  57. Si quiero mostrar un elemento de Markdown como texto normal,

    no interpretable, introducir una barra invertida "\" antes del símbolo
  58. ## *** ![]()

  59. Multiplataforma macOS, Windows, iOS, Android, Web...

  60. None
  61. → Ulysses → iA Writer → Typed → Write →

    Byword
  62. None
  63. → Writemonkey → MarkdownPad → MarkPad → MdCharm

  64. None
  65. → Ulysses → iA Writer → Write → Byword

  66. None
  67. → iA Writer → JotterPad → Monospace → MarkdownX

  68. None
  69. → Dingus → Markable

  70. Markdown avanzado

  71. MULTIMARKDOWN

  72. → Markdown cumple muchas necesidades a la hora de escribir

    textos, documentación...etc. → Nos hace la vida más fácil. → Si queremos ir un poco más allá, se queda un poco corto. → No podemos usar tablas, notas a pie de página...
  73. → Han surgido nuevas sintaxis a partir de la original.

    - MULTIMARKDOWN es una de ellas → Multimarkdown (también conocido como MMD), nació de la necesidad de Fletcher Penney de escribir documentos académicos utilizando Markdown.
  74. → MMD incluye todas las funcionalidades de Markdown y le

    añade otras como: tablas, notas a pie de página o metadatos. → CUIDADO, no todas las apps soportan MMD.
  75. MMD TABLAS

  76. 1. Especificar los elementos de la cabecera de cada columna

    deberás encerrarlos entre barras verticales "|" 2. Crear una línea adicional debajo para especificar que los encabezados terminan. (--) 3. Misma estructura, con el contenido de cada celda.
  77. | Columna 1 | Columna2 | Columna3 | | --

    | -- | -- | | Contenido 1-1 | Contenido 1-2 | Contenido 1-3 | | Contenido 2-1 | Contenido 2-2 | Contenido 2-3 | | Contenido 3-1 | Contenido 3-2 | Contenido 3-3 |
  78. MMD NOTAS A PIE DE PÁGINA

  79. Esto es un texto normal que contiene una nota1. Puedes

    escribir tanto como necesites. Lorem ipsum dolor sit amet, consectetur adipisicing elit 2 , sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 2 Otra nota 1 Esto es una nota a pie de página.
  80. → Se pueden utilizar cuantas notas a pie de página

    se quieran → La sintáxis es [^nombreDeTuNota] y debajo indicar el contenido de la nota para ese nombre
  81. MMD METADATOS

  82. → Útiles cuando queremos añadir información sobre nuestro documento, sin

    que esta aparezca en el mismo. → Solo hay que incluir toda esta información al comienzo de nuestro documento Markdown.
  83. Title: Markdown, aprende una nueva forma de escribir Author: Imanol

    Terán Maruri Date: 22/09/16
  84. Más de 30 tipos de metadatos soportados por MMD.

  85. → Address: dirección del autor → Author: nombre del autor.

    → Affiliation: organizaciones con las que el documento puede estar afiliado (compañías, universidades…) → Comment: comentarios acerca de la obra.
  86. → Copyright: incluye un copyright o tipo de licencia en

    tu documento. → Date: fecha de creación del documento. → Email: email del autor. → Keywords: palabras clave que definen tu documento, separadas por comas.
  87. → Subtitle: subtítulo oficial del documento. → Title: título oficial

    del documento. → Web: URL del autor.
  88. MMD ABREVIACIONES

  89. MMD ofrece muchas más posibilidades que MD. *[MMD]: Abreviación para

    Multimarkdown *[MD]: Abreviación para Markdown
  90. → Igual que links de referencia, precedidos por un asterisco.

    → En HTML, pasando cursor sobre abreviación, y vemos el texto introducido.
  91. MMD DEFINICIONES

  92. Markdown : Herramienta de conversión de texto plano a HTML.

    : Lenguaje de marcado que facilita la escritura de documentos y artículos web. Multimarkdown : Lenguaje de marcado que añade características a las carencias de su hermano Markdown (tablas, notas al pie de página, listas de definiciones como esta…)
  93. Flujo de trabajo en Markdown

  94. 1. Escribir texto Markdown

  95. 2. Abrir en la app que quieras

  96. 3. Exporta al formato deseado

  97. 4. Reutiliza tu texto para lo que quieras

  98. 5. No querrás escribir de otra forma !"

  99. MUCHAS GRACIAS

  100. Imanol Terán Maruri @itermar itermar@gmail.com

  101. Descarga la presentación http://bit.ly/2e8oeYB