Guía para optimizar tu markdown en tus publicaciones
Empezaremos con el texto en este primer tutorial
Centrar el texto
📝Código para centrar el contenido:
< center >Aquí escribe tu texto< /center >
Resultado
Nota: si vas a copiar el código de este post recuerda quitar los espacios en blanco después y antes de los símbolos < y >
Encabezados
Para escribir encabezados dentro de tus publicaciones solo coloca el signo de # al inicio de la línea y deja un espacio y luego escribe el texto, abajo te dejo los ejemplos:
📝Código para los encabezados:
# Espero que te sirva esta guía :)
## Espero que te sirva esta guía :)
### Espero que te sirva esta guía :)
#### Espero que te sirva esta guía :)
##### Espero que te sirva esta guía :)
###### Espero que te sirva esta guía :)
Resultado:
Espero que te sirva esta guía :)
Espero que te sirva esta guía :)
Espero que te sirva esta guía :)
Espero que te sirva esta guía :)
Espero que te sirva esta guía :)
Entre más signos de # agregues más pequeño será el encabezado ( El límite son 6 signos de # )
Citas
Son muy importantes las citas cuando nosotros agregamos a nuestra publicación texto tomado de un sitio web, entonces nosotros debemos agregarlo dentro de una cita para distinguir entre tu contenido original y el tomado prestado de afuera ( Recuerda siempre agregar la fuente de donde obtuvistes el texto ).
Para agregar una cita solo debes colocar el símbolo de > al inicio de la línea, seguido del texto que quieres citar.
📝Código para las citas:
>Hola estoy escribiendo esta guía para ti que eres usuario de steemit y espero que te sirva ;)
Resultado:
Hola estoy escribiendo esta guía para ti que eres usuario de steemit y espero que te sirva ;)
Recuerda siempre agregar la fuente de donde obtienes el texto de alguien más para agregarlo como cita.
Texto con enlace
El texto con enlace es muy importante dentro de las publicaciones, nos sirven para agregar las fuentes del texto tomado de otro sitio, agregar la fuente de una imagen, etc.
El texto con enlace nos sirve para dejar referencias hacia otro sitio web, con esto nosotros le otorgamos al lector mayor alcance de la lectura.
📝Código para el texto con enlace
[Aquí el nombre que le quieras poner al enlace](aquí dentro colocas el enlace)
Resultado:
Si te gustan estos tutoriales, sigueme para ver más ;)
📝Código para cita con fuente
>Aquí el texto dentro de la cita[Aquí el nombre que le quieras poner al enlace](aquí dentro colocas el enlace)
Resultado:
Estoy haciendo esta guía para ti que eres usuario de Steemit y espero que te sirva ;) Fuente
Formato al texto
En ocasiones nos resulta útil escribir nuestro texto en diferente formato ya sea para expresar un énfasis, un pensamiento, escribir un poema, etc. Aquí abajo te dejo algunos ejemplos:
📝Código para texto en cursiva
_ Aquí el texto _
Resultado:
Si te está gustando lo que lees por favor regalame un upvote ;)
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar el espacio en blanco dejado entre el _ y el texto.
📝Código para texto en negrillas
** Aquí el texto **
Resultado:
Si te está gustando lo que lees por favor regálame un comentario ;)
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar el espacio en blanco dejado entre el ** y el texto.
📝Código para texto tachado
~~ Aquí el texto ~~
Resultado:
Si te está gustando lo que lees por favor regálame un resteem ;)
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar el espacio en blanco dejado entre el ~~ y el texto.
📝Código para agregar texto "alto"
Aquí el texto< sup >Aquí el texto "alto"< /sup >
Resultado:
Tu voto dejado fue del100%, eso es 102 ;)
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar los espacios en blanco dejados después de los signos < y >.
Posición del texto
📝Código para texto a la derecha
< div class="text-right" >Aquí el texto< /div >
Resultado:
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar los espacios en blanco dejados después de los signos < y >.
📝Código para texto a la izquierda
< div class="text-left" >Aquí el texto< /div >
Resultado:
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar los espacios en blanco dejados después de los signos < y >.
📝Código para texto centrado ( Variación al anterior visto con la etiqueta < center > )
< div class="text-center" >Aquí el texto< /div >
Resultado:
Nota: si vas a copiar y pegar el código desde está publicación recuerda quitar los espacios en blanco dejados después de los signos < y >.
Texto dentro de una tabla
📝Código para texto dentro de una tabla
|Aquí el texto|Aquí el texto|
|---|---|
|Aquí el texto|Aquí el texto|
Resultado:
| Aún no me sigues? | Aún no me regalas tu upvote? |
|---|---|
| Si te gustaría ver más de estos tutoriales, sígueme ;) | Si te gustó este tutorial, por favor regálame un upvote ;) |
🔔Otras guías
| Título | Enlace |
|---|---|
| 📚Tutorial: Como crear separadores y como usar el markdown en imágenes | Leer |
Gracias por leer!, por favor apoyame con tu voto, follow me, resteem, todo es bienvenido, Saludos!! :)
