[Guía]Optimiza el markdown en tus publicaciones
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!! :)
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!