En este post final de la guía os traigo muchas sintaxis básicas y avanzadas de Markdown para que vuestros textos se vean más profesionales y bonitos.

¿Pero Qué es Markdown?

Markdown es un "lenguaje de marcado lijero"... Vale, ahora en español, son unos códigos que da formato a tus textos, imágenes, links, etc. Con él podrás poner el texto en negrita, cursiva, centrar, justificar, entre otras mucjas cosas de forma simple y tus post se verán increibles.

Recomendación: Aconsejo usar un editor de textos markdown, hay muchos ya sea en web o aplicaciones para PC o móvil, para luego copiar el texto y pegarlo en Steemit o la alternativa que usen.

Sintaxis Básica:

• Títulos y subtítulos (Encabezados):

# Título
## Subtítulo
### Subtítulo pequeño
#### Subtítulo más pequeño

Resultado:

Título

Subtítulo

Subtítulo pequeño

Subtítulo más pequeño

Nota: Hay hasta 6#

• Negrita, Cursiva, Tachado y Combinación:

**Negrita**
_cursiva_ o *cursiva*
<del>Tachado</del>
<del>***Combínalos como quieras***</del>

Resultado:

Negrita
cursiva o cursiva
Tachado
Combínalos como quieras

• Salto de Línea y Línea en Blanco:

Este es un párrafo <br> Este es otro párrafo Salto de línea
Este es un párrafo <p> Este es otro párrafo Es como si pulsaras enter.

Resultado:

Este es un párrafo


Este es otro párrafo
Este es un párrafo

Este es otro párrafo

• Texto en Rojo:

<div class="phishy">Texto de color rojo</div>

Resultado:

• Línea Separadora de Párrafos:

---

Resultado:

Nota: Los profesionales usan una imagen o banner para separar el texto, hay separadores gratuitos por internet, solo buscad "Separadores para Steemit gratis". Otras alternativas son hacerlos o que te los hagan.

• Cita:

> "Esta es una frase tan hermosa" Arkmy 2018 Se usa para poner frases célebres, cosas dichas por otras personas, notas, etc

Resultado:

"Esta es una frase tan hermosa"
Arkmy 2018

• Listas:

* Texto 1
* Texto 2
* Texto 3
…

1. Texto 1
2. Texto 2
2.1 Texto 2.1
…

Resultado:

• Texto 1
• Texto 2
• Texto 3
  …

1. Texto 1
2. Texto 2
   2.1 Texto 2.1
   …

• Links e Imágenes:

[www.steemit.com]() Para poner un link clickable

[Steemit](www.steemit.com) Para poner el link que quieras, pero en lugar de aparecer un link largo, acortas el link en una o pocas palabras de tu elección.

![](link de imagen o gif) Así se pone una imagen o gif. Reemplaza el link por uno de tu elección. Si la imagen no es tuya, debes poner la fuente (el link de donde la sacaste). Steemit y otras Dapps incorporan una función para subir las fotos que tengas en tu dispositivo.

[Fuente](https://bitdreamcompany.com/wp-content/uploads/2018/11/giphy.gif) Imprescindible para cuando pones una imagen de internet. Si tu post es en inglés, entonces en lugar de escribir "fuente" pon "Source" o "src". También se pueden poner todas las fuentes juntas al final del post, pero queda mejor ponerlo justo debajo de cada imagen.

Nota¹: Se puede hacer lo mismo con los videos.
Nota²: Mas abajo, en sintaxis avanzadas, está como poner una imágen que al pinchar encima dirige a una web.

Resultado:

www.steemit.com

Steemit

Fuente

• Centrar:

<center>Texto, imágenes y/o links que vayas a centrar</center>

Resultado:

• Nombrar a un usuario:

@nombredelusuarioalquequieresnombrar

Resultado:

@arkmy

Nota: En algunas Dapps como partiko, el usuario recibirá una notificación avisándole de que le mencionaste.

Sintaxis Avanzada:

• Imagen linkeada:

Cuando quieres que una imagen redirija a un link, es una combinación de los códigos de imagen y link.

[![](link de la imagen)](link de la web)

Resultado:

Nota: Es la imágen invitacional a nuestra comunidad en Discord, la Comunidad Millennials a la que quedáis invitados.

• Tabla:

|Fila1/columna1|Fila1/columna2| |---|---| |Fila2/columna1|Fila2/columna2|

Resultado:

Nota: Puedes colocar texto, imágenes, links... Y tantas columnas y filas como quieras. (O al menos yo no conozco el límite)

• Texto Justificado:

<div class="text-justify"><p>Texto a justificar</p></div>

Resultado:

Nota: Es difícil de dominar, suele dar problemas por escribir mal la sintaxis o por incompatibilidad con otros códigos

• Imagen alineada a la izquierda o derecha, con texto al lado contrario:

<div class="pull-left">link de la imagen</div> Texto a la derecha

<div class="pull-right">link de la imagen</div> Texto a la izquierda

Resultado:

Nota¹: Fuente de la imagen
Nota²: Si queremos la imagen a un lado y el texto debajo, antes del texto ponemos tantos <br> como haja falta, pero tratad de no editar el texto, simplemente previsualizad antes de postearlo, si no lo hacéis, perderéis muchos RCs y no podréis hacer nada en la plataforma por unas horas (se lo digo a los nuevos/novatos).

• Dos Columnas de Texto:

Esto no lo veo mucho, pero es original y diferente. Lo recomiendan para usar una columna para escribir en español y la otra columna para inglés. Pero mejor buscadle otro uso, se recomienda más hacer 2 post, uno en español y el otro su traducción al inglés o viceversa.

<div class="pull-left">Texto de la columna izquierda.</div><div class="pull-right">Texto de la columna derecha.</div>

Resultado:

Ha quedado un post muy completito que espero que os ayude en vuestra aventura en Steemit. Recordad, no abusen de los códigos o el texto se verá sobrecargado y conseguiremos que no se vea tan profesional y hermoso como queremos.

Gracias por el apoyo, nos leemos el domingo o el lunes en el último post del año, como siempre, tendréis la puerta abierta 😉, besos @arkmy

Posted using Partiko Android