[Guía]Optimiza el markdown en tus publicaciones

in spanish •  7 years ago  (edited)

MINI.png


Guía para optimizar tu markdown en tus publicaciones

Empezaremos con el texto en este primer tutorial

SEPARADOR2.gif

Centrar el texto

SEPARADOR2.gif


📝Código para centrar el contenido:


< center >Aquí escribe tu texto< /center >


Resultado


Aquí escribe tu texto

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 >

SEPARADOR2.gif

Encabezados

SEPARADOR2.gif

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 # )

SEPARADOR2.gif

Citas

SEPARADOR2.gif

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.

SEPARADOR2.gif

Texto con enlace

SEPARADOR2.gif

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

SEPARADOR2.gif

Formato al texto

SEPARADOR2.gif

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 >.

SEPARADOR2.gif

Posición del texto

SEPARADOR2.gif


📝Código para texto a la derecha


< div class="text-right" >Aquí el texto< /div >


Resultado:


Soy un texto a la derecha :O


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:


Soy un texto a la izquierda :(


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:


Soy un texto centrado :)


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 >.

SEPARADOR2.gif

Texto dentro de una tabla

SEPARADOR2.gif


📝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 ;)

SEPARADOR2.gif

🔔Otras guías


TítuloEnlace
📚Tutorial: Como crear separadores y como usar el markdown en imágenesLeer

SEPARADOR2.gif

Gracias por leer!, por favor apoyame con tu voto, follow me, resteem, todo es bienvenido, Saludos!! :)

FIRMACINCO.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Muchas gracias por esta guía me ha sido de gran ayuda.

Que alegría saber que te haya podido ayudar @mariana4ve, aquí tengo otro tutorial para las imágenes que seguro te servirá ;)
Gracias por leer ;)
Saludos!!

Muy bueno hermano, muchas gracias me sirvió bastante!

Que alegría que te haya servido, para eso lo he realizado :)
Atento que pronto escribiré más guías que estoy seguro también te servirán mucho ;)
Saludos!!

nice ,gave all ,pliz back,see you again

Ayuda bastante el post para los que recien inician. Aunque tambien en la parte de centrar el texto sirve colocar < center> TEXTO AQUI </ center >

Así es lo hice con la intención de ayudar al máximo a todos los que quieren mejorar la calidad de la estructura en su contenido ;)

¿Te refieres a los espacios que dejaste antes y después de la etiqueta?

No, lo que yo digo que es mas facil colocar directo la etiqueta center, que colocar el div y agegar las clase "text-center"

Al comienzo de la publicación está publicado lo que dices :D
Si es mucho más práctico de esa forma!!

para esas mark no se necesitan ponerle las fuentes ???

¿A qué marks te refieres?
Saludos @tcpaikano

al gift ese que da vueltas

No, estos son mios :D

ok gracias pero se pueden usar :P

Si, que me ha gustado, luego al escribir el próximo post, tendré en cuenta las indicaciones, gracias.

Genial. Una gran ayuda. Ahora lo que me queda pendiente es cómo editar imágenes. ¡Gracias!