¿Deseas darle mejor apariencia a tus posts? Tutorial Markdown para textos (Guía de aprendizaje)
Markdown
El tutorial va a estar dividido en 2 importantes ítems:
- Texto
- Imágenes
En vista de que la información es amplia decidí que debía realizarlo en dos posts para su fácil manejo. El primero será dedicado al formato de texto.
Vamos a dar inicio a este maravilloso mundo. ¡Sea bienvenido!
Markdown para texto
- Títulos y encabezados
- Énfasis
- Negrita
- Cursiva
- Tachado
- Negrita y cursiva
- Lista
- Con viñeta
- Con número
- Listas anidadas
- Citas
- Enlaces y vínculos
- Citar un enlace
- Mencionar un usuario Steemit
- Insertar videos Youtube
- Subíndices y superíndices
- Formato de texto
- Centrado
- Justificado
- Texto a la derecha
- Texto a la izquierda
- Texto en dos columnas
- Listas paralelas
- Tablas
- Línea de regla horizontal
1. Títulos y encabezados
Así se escribe
###### Paz y amor
##### Paz y amor
#### Paz y amor
### Paz y amor
## Paz y amor
# Paz y amor
Así se verá
Paz y amor
Paz y amor
Paz y amor
Paz y amor
Paz y amor
Paz y amor
2. Énfasis
Énfasis | Así se escribe | Así se verá |
---|---|---|
Negrita | **Paz y amor** | Paz y amor |
Cursiva | *Paz y amor* | Paz y amor |
Tachado | ~~Paz y amor~~ | |
Negrita y cursiva | ***Paz y amor*** | Paz y amor |
3. Lista
Así se escribe
* Paz
* Amor
* Respeto
* Solidaridad
Así se verá
- Paz
- Amor
- Respeto
- Solidaridad
Así se verá
- Paz
- Amor
- Respeto
- Solidaridad
Así se escribe
1. Paz
1. Amor
1. Respeto
1. Solidaridad
Así se escribe
1. Paz
1. Amor
1. Subcategoría del amor 1
1. Subcategoría del amor 2
1. Respeto
1. Solidaridad
Así se verá
- Paz
- Amor
- Subcategoría del amor 1
- Subcategoría del amor 2
- Respeto
- Solidaridad
Así se escribe
1. Paz
1. Amor
* Subcategoría del amor 1
* Subcategoría del amor 2
1. Respeto
1. Solidaridad
Así se verá
- Paz
- Amor
- Subcategoría del amor 1
- Subcategoría del amor 2
- Respeto
- Solidaridad
4. Citas
Así se escribe
> Los valores son principios que nos permiten orientar nuestro comportamiento en función de realizarnos como personas.
Así se verá
Los valores son principios que nos permiten orientar nuestro comportamiento en función de realizarnos como personas.
5. Enlaces y vínculos
Citar con enlace
Se debe escribir el texto que se reflejará como nuestro hipervínculo entre corchetes [ ] y seguido (sin espacios) se debe escribir la URL o página web entre paréntesis ( ).Mencionar un usuario Steemit
Si desea hacer mención a un usuario de Steemit en su post, simplemente escriba arroba @ seguido del nombre de usuario usado en Steemit.Videos Youtube
Si desea insertar un video desde Youtube, simplemente copie el URL del video y péguelo en su post, automáticamente saldrá el video listo para reproducir.
Enlaces | Así se escribe | Así se verá |
---|---|---|
Citar con enlace | [Bienvenidos al blog de ennyta](https://steemit.com/@ennyta) | Bienvenidos al blog de ennyta |
Mencionar un usuario Steemit | @ennyta | @ennyta |
Videos de Youtube | https://www.youtube.com/watch?v=uq-SMayBvIk |
6. Subíndices y superíndices
Estos son letras o números de tamaño pequeño en comparación con las otras grafías, se colocan en el lado derecho y en la parte de abajo o arriba para indicar algo. Se utilizan, por ejemplo, en las fórmulas químicas, ecuaciones matemáticas, en citas de textos. Entre el código <sub>
se escribe lo que se quiere sea el subíndice y entre el código <sup>
lo que se quiere sea el superíndice, por ejemplo:
... | Así se escribe | Así se verá |
---|---|---|
Subíndice | H<sub>2</sub>S | H2S |
Superíndice | X<sup>n</sup> | Xn |
Esto se puede usar, por ejemplo, para las referencias bibliográficas de las citas. Empleando los ítems explicados anteriormente, el ejemplo quedaría de la siguiente manera:
Paz (del latín pax), definida en sentido positivo, es un estado a nivel social o personal, en el cual se encuentran en equilibrio y estabilidad las partes de una unidad[1]
7. Formato de texto
- Centrar texto
Para centrar el texto se debe colocar el código correspondiente, por ejemplo:
<center> Texto </center>
Así se escribe
<center>
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</center>
Así se verá
- Justificar texto
Para justificar el texto se debe colocar el código correspondiente, por ejemplo:
<div class="text-justify"> Texto </div>
Así se escribe
<div class="text-justify">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
Así se verá
- Texto a la derecha
Para visualizar el texto alineado hacia la derecha se utiliza el siguiente código:
<div class="text-right"> Texto </div>
Así se escribe
<div class="text-right">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
Así se verá
- Texto a la izquierda
Para visualizar el texto alineado hacia la izquierda se utiliza el siguiente código:
<div class="text-left"> Texto </div>
Así se escribe
<div class="text-left">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
Así se verá
- Texto en dos columnas
Para visualizar el texto dividido en dos columnas (como los periódicos por ejemplo), se utiliza el siguiente código:
<div class="pull-left">Texto de 1era columna</div>
<div class="pull-right">Texto de 2da columna</div>
Así se escribe
<div class="pull-left">
Las sonrisas van escaseando y las cabezas declinando, nadie levanta la voz, ahí van arando el camino del día en silencio, cada quien resguardando como oro su interés, caminando solos sin mirarle la cara al que alcanzó el mismo compás de sus pasos.</div>
<div class="pull-right">
Los buenos días van escaseando. Las conversaciones son vacías, los mismos temas de días anteriores se van acumulando, se convierten en meses y años. Se sabe lo que dirá y se sabe lo que el otro responderá.</div>
Así se verá
- Listas paralelas
Esto es para crear listas dispuestas una al lado de la otra, en forma paralela. Para esto se utilizan los siguientes códigos:
<div class="pull-right">
Lista 1
</div>
<div class="pull-left">
Lista 2
</div>
<div class="text-center">
Lista 3
</div>
</div>
Así se escribe
<div class="pull-right">
Paz
Amor
Respeto
</div>
<div class="pull-left">
Unión
Tolerancia
Libertad
</div>
<div class="text-center">
Solidaridad
Honestidad
Dignidad
</div>
</div>
Así se verá
Paz
Amor
Respeto
Unión
Tolerancia
Libertad
Solidaridad
Honestidad
Dignidad
8. Tablas
- Tabla de 2 columnas
Así se escribe
Columna 1 | Columna 2
------------ | -------------
Contenido 1.0 | Contenido 2.0
Contenido 1.1 | Contenido 2.1
Contenido 1.2 | contenido 2.2
Así se verá
Columna 1 | Columna 2 |
---|---|
Contenido 1.0 | Contenido 2.0 |
Contenido 1.1 | Contenido 2.1 |
Contenido 1.2 | contenido 2.2 |
- Tabla de 3 columnas
Así se escribe
Columna 1 | Columna 2 | Columna 3
------------ | ------------- | -------------
Contenido 1.0 | Contenido 2.0 | Contenido 3.0
Contenido 1.1 | Contenido 2.1 | Contenido 3.1
Contenido 1.2 | contenido 2.2 | contenido 3.2
Así se verá
Columna 1 | Columna 2 | Columna 3 |
---|---|---|
Contenido 1.0 | Contenido 2.0 | Contenido 3.0 |
Contenido 1.1 | Contenido 2.1 | Contenido 3.1 |
Contenido 1.2 | contenido 2.2 | contenido 3.2 |
9. Línea de regla horizontal
Así se escribe
---
Así se verá
Espero sea de su provecho esta información.
Gracias ♡
Gracias ♡
Tremendo aporte, me gusto mucho! aplicare una de estas técnicas! saludos!
Excelente, esa es la intención, que lo usemos para dar mejor apariencia a nuestros posts. Saludos
Una de las mejores guías que eh leído en este mes felicidades.
Que buen aporte le haces a la comunidad.
Saludos siempre mente positiva.
Gracias, le puse ganas y corazón para que sea del agrado de todos. Me divertí haciéndolo y sólo espero pueda ser de provecho para los futuros posts.
Excelente guía, muy completa y didáctica. Le doy re-steem para dejarla en mis favoritos. Confieso que esto es lo más difícil para mí. Sólo me he atrevido a hacer 2 posts y es debido a que no recuerdo cómo hacer el markdown!
A ver si alguien me dice como poner el acento en la letra "e" con un teclado en Ingles... esto es frustrante.
Amigo le aconsejo primero redactar sus posts en Word, allí haciendo uso del codigo ASCII puede acentuar. Te explico: presiona la tecla Alt (no la sueltes) seguidamente escribes desde el teclado numérico con el BLOQ NUM activado, los siguientes números según la vocal que desees acentuar:
á = 160
é = 130
í = 161
ó = 162
ú = 163
Otra forma de tener tu vocal acentuada es insertando la letra desde la opción símbolo que se muestra en la barra de tareas de Word.
Espero te funcione.
Excelente información. Gracias. Lo voy a dar resteemit para que otros se ayuden como lo hago yo.
Que sea de su entero provecho ♡ Gracias.
Muchas, muchas gracias. Una guía clara y muy sencilla. Las explicaciones y los ejemplos están muy bien concatenados. Además, me encanta el video citado de youtube. Lo voy a reestemear.
Volveré en unas horas para votarte con algo más de sustancia.
Gracias a usted. Me llena de júbilo sus palabras y su gusto por la buena música.
Que buen tutorial @ennyta. Se explica solo. Espero ver pronto el tutorial de imagenes, gracias. Éxitos con esta guía, muy buena. Saludos.
Espero sea de ayuda para tí y otros más. Gracias, siempre gracias ♡
Gracias por compartir tan valiosa información
Siempre a su orden y disposición.
Muy buen post!
Conceptos claros y fácil de comprender!
Muchas gracias por tu aporte!
Que sea de su provecho, lo hice con cariño.
Veinte puntos, @ennyta.
Saludos.
Agradecida con la nota 😊 Un abrazo.
Muy informativo amigo, buen post
Está a su completa disposición. Muchas gracias por sus palabras.