✍️📖 Formatos de texto, citas, enlaces y código para mejorar tus aportes con Markdown 👨‍🎨👩‍🎨

✍️📖 Formatos de texto, citas, enlaces y código para mejorar tus aportes con Markdown 👨‍🎨👩‍🎨

Anterior: ⏪ ✍️💡 Escribe textos geniales con Markdown 👨‍🎨👩‍🎨

📖 Formatos de texto, citas, enlaces y código para mejorar tus aportes

Las etiquetas de énfasis, permiten resaltar parte del texto sin obligar un salto de línea.

==«==

• *Este texto aparecerá en cursiva*
  _Este texto también aparecerá en cursiva_
  **Este texto aparecerá en negrilla**
  __Este texto también aparecerá en negrilla__
  ~~Este texto aparecerá tachado~~
  _**Puedes** combinarlos_
  También puedes ==resaltarlos==

==» El código anterior producirá: »==

• Este texto aparecerá en cursiva Este texto también aparecerá en cursiva Este texto aparecerá en negrilla Este texto también aparecerá en negrilla Este texto aparecerá tachado Puedes combinarlos También puedes ==resaltarlos==

📑 Citas

Las citas se inician con el símbolo >. También se suele colocar en cursiva el párrafo entre comillas y en el renglón siguiente el autor de la cita. Algunas implementaciones de Markdown eliminan algunas ciertas para evitar inyección de código Sql, aquí recuperamos los espacios arriba y abajo de la cita usando un renglón con texto resaltado (cualquier texto debe servir) y seguido un renglón contres guiones al medio, el cual convierte en encabezado el renglón superior y proporciona los espacios perdidos.

==«==

==» El código anterior producirá: »==

“ Los hombres sabios hablan porque tienen algo que decir; los necios porque tienen que decir algo. ” Platón.

🔗 Enlaces

Los enlaces se pueden insertar copiando y pegando la URL completa (no recomendado por falta de legibilidad) o siguiendo la siguiente regla: El texto alternativo para el enlace entre corchetes cuadrados seguido de la URL dentro de paréntesis.

==«==

==» El código anterior producirá: »==

http://platzi.com – enlace creado de forma automática!

Platzi

📜 Encabezados

Para usar la etiqueta de encabezados, deberás iniciar la línea de texto con dos caracteres ##, así:

==«==

==» El código anterior producirá: »==

Este es un encabezado

En Platzi la etiqueta H1 se encuentra reservada por el sistema para mantener una correcta estructura semántica. Rara vez necesitarás encabezados diferentes al H2.

🔪 Separadores o saltos de línea

Para incluir una espacio de separación entre párrafos deberás, párrafos usar un doble salto de línea. Cuando deseas incluir una línea de separación puedes intentar con tres guiones al medio seguidos.

==«==

==» El código anterior producirá: »==

==«==

Renglón anterior.

Renglón siguiente.

==«==

==» El código anterior producirá: »==

Renglón anterior. ==»==

Renglón siguiente.

!Imgur

Metodo alternativo

Si la etiqueta anterior deja una separación muy pequeña, intenta utilizando alguna de estas dos imágenes siguientes. Elige la que mejor te funcione. ==«==

Salto de línea (insertando imagen en blanco) Renglón anterior

!Imgur

Renglón medio

!Imgur

Renglón siguiente

==» El código anterior producirá: »==

Renglón anterior. (Este texto se incluye como referencia para medir el tamaño del separador) !ImgurRenglón medio !Imgur Renglón siguiente O también puedes usar esta otra técnica --

==«==

Renglón anterior.

Renglón siguiente.

==» El código anterior producirá: »==

Renglón anterior. !url1 Renglón siguiente.

🖥️ Sintaxis para incluir código

==«==

`Una sola línea de código`

==» El código anterior producirá: »==

También puedes incrustar bloques de código de varias líneas:

==«==

\````javascript
function fancyAlert(arg) {

    if(arg) {

    $.facebox({div:'#foo'})

    }
}
\````

==» El código anterior producirá: »==

function  fancyAlert(arg) {
    if(arg) {
    $.facebox({div:'#foo'})
    }
}

🏃🏽‍♀️ Escapar caracteres

==«==

Para escapar caracteres deberás usar el símbolo \ (barra invertida) justo antes del carácter que se quiere escapar.

==» El código anterior producirá: »==

• (Si vas a incluir paréntesis después de corchetes cuadrados) será necesario escapar el primer paréntesis.

Será necesario hacer esto cuando quieras que alguno de los siguientes caracteres de control sea mostrado en el documento.

\  barra invertida
`  tilde invertida
*  asterisco
_  guión bajo
#  numeral o almohadilla o gato (o como lo llames 😉)
+  símbolo de suma
-  guión
.  punto
!  exclamación
{} llaves
[] corchetes
() paréntesis

==«==

Para evitar que la creación automática de enlaces, deberás escapar parte de sus caracteres así:

==» El código anterior producirá: »==

https://example.com/

==«==

Continúa tu aprendizaje con:

• 📷 Integrar imágenes en tus comentarios o tutoriales ⏩

==»==

📖 📷 🎬 🍕 🆎 🔲 🌈 ☑️ 📺 🔣 ➗

Hecho con el 💚 en el 2K20.

⚫