Markdown: Lo que he aprendido en Steemit para hacer un Post
Este post surge de por la inquietud de compartir mis experiencias en Steemit y lo que he aprendido para publicar mis posts y sean agradables al lector. Quiero aclarar que no soy un experto en markdown, que es el lenguaje que se utiliza para hacer los posts en Steemit, pero mi necesidad de aprender y hacer los posts con una mayor calidad me motivó a buscar los comandos más útiles que uso con mayor frecuencia en la publicación de mis poemas, cuentos y otros posts. Markdown es un lenguaje muy extenso y en este post solo comparto algunos comandos que me han sido de mucha utilidad.
Contenidos:
A continuación, te presento la lista de los contenidos que conseguirás en este post:
- Texto justificado
- Salto de página
- Para embellecer el texto colocándole negritas, cursivas
** Negritas
** Cursivas
** Negrita y Cursiva
** Línea o raya en medio de una palabra - Centrar un título, palabra, párrafo, estrofas o una imagen
- Listas
- Títulos
- Link o hipervínculo o enlace
- Citas
- Líneas entre párrafos
- Escribir en dos columnas
- Fuente imágenes
- Dejar ver los comandos en tu post
- Fuentes consultadas
- Agradecimientos
Texto justificado
Para justificar un texto se puede usar el siguiente comando: <div class="text-justify">
que coloco al principio del párrafo. Al final de párrafo le coloco el siguiente comando </div>
Un texto que no esta justificado se observa de la siguiente forma:
"Los usuarios o miembros pueden hacer un upvote al contenido que quieran y dependiendo de cuantos votos se obtenga se obtendrá una recompensa en forma de Steem, Steem power o Steem dollars.” tomado de Wikipedia
“El hecho de votar contenido también hace obtener recompensas en forma de Steem. Es lo que se llaman Curation Rewards. Incluso los comentarios se pueden votar y de esta manera llegar a monetizarse.” tomado de Wikipedia
Cuando se le coloca el comando <div class="text-justify">
se visualiza de la siguiente forma:
"Los usuarios o miembros pueden hacer un upvote al contenido que quieran y dependiendo de cuantos votos se obtenga se obtendrá una recompensa en forma de Steem, Steem power o Steem dollars.” tomado de Wikipedia
“El hecho de votar contenido también hace obtener recompensas en forma de Steem. Es lo que se llaman Curation Rewards. Incluso los comentarios se pueden votar y de esta manera llegar a monetizarse.” tomado de Wikipedia
Salto de página
Para hacer un salto de página, para que los párrafos no queden pegados utilizo <br/>
que se coloca después de colocar </div>
al final del párrafo de esta forma </div><br/>
En el siguiente ejemplo puedo observar el cómo se visualiza sin el salto de página:
Las plantas
Las plantas son organismos vivos, que nacen crecen se reproducen y mueren. Producen su propio alimento a través de la fotosíntesis y aportan oxígeno a el medio. (fuente: texto de mi propia producción).
Al colocarle el comando de salto de página <br/>
al final del titulo antes de comenzar el primer párrafo de esta forma:
# <center>*** Las plantas***</center><br/>
el título se separa del párrafo de esta forma:
Las plantas
Las plantas son organismos vivos, que nacen crecen se reproducen y mueren. Producen su propio alimento a través de la fotosíntesis y aportan oxígeno a el medio. (fuente: texto de mi propia producción)
Para embellecer el texto colocándole negritas, cursivas
Negritas
Para colocar negritas colocar dos asteriscos ** al principio de la oración y dos asteriscos ** al final de la oración o palabra.
Ejemplo
**Ramón Arnaldo**
Se vera así
Ramón Arnaldo
Cursivas
Para colocar una palabra cursiva en vez de dos asteriscos se deberá colocar un solo asterisco al principio y al final de la palabra, frase u oración. Ejemplo:
*Ramón Arnaldo*
el resultado será:
Ramón Arnaldo
Negrita y Cursiva
Para colocar un texto en negrita y cursiva al mismo tiempo colocar tres estrellas *** al principio y al final de la palabra o párrafo:
***Ramón Arnaldo***
se vera de esta forma
Ramón Arnaldo
Línea o raya en medio de una palabra
Si se quiere colocar una raya en el medio de una palabra se coloca al principio y final de la palabra o frase el símbolo ~~
Ejemplo
~~Steemit~~
se visualiza
Steemit
Centrar un título, palabra, párrafo, estrofas o una imagen
Para centrar un título, un párrafo, o una imagen puedes usar el siguiente comando de esta forma:
<center>coloca en este espacio el texto a centrar</center>
Ejemplos:
Para centrar Ramón Arnaldo Oropeza debo usar el comando de esta forma:
<center>Ramón Arnaldo Oropeza</center>
El resultado será:
De igual forma se puede hacer para centrar una imagen
Debes colocar primero el siguiente comando ![](url)
Luego colocas de esta forma:
<center>![](https://i.imgur.com/5s84x87.jpg)\</center>
Se visualizará así:
Listas
Para hacer lista con viñetas, se coloca un asterisco * al inicio de cada palabra.
Ejemplo
Partes de una planta:
*
raíz
*
tallo
*
hojas
*
flor
*
frutos
Se visualiza así:
Partes de una planta:
- raíz
- tallo
- hojas
- flor
- frutos
Títulos
Para agrandar un titulo párrafo o texto puedes colocar el símbolo de las barras o almohadillas # al principio y al final del título. Luego de colocado # se le debe dar un espacio con la barra espaciadora al principio de la palabra o frase.
Ejemplo.
Si se quiere agrandar Ramón Arnaldo se coloca de esta forma:
# Ramón Arnaldo
Para obtener
Ramón Arnaldo
disminución del tamaño de los títulos
Si aumento el número de asteriscos disminuyo el tamaño del título o párrafo
## Ramón Arnaldo
### Ramón Arnaldo
### Ramón Arnaldo
#### Ramón Arnaldo
##### Ramón Arnaldo
###### Ramón Arnaldo
Se visualizará así
Ramón Arnaldo
Ramón Arnaldo
Ramón Arnaldo
Ramón Arnaldo
Ramón Arnaldo
Ramón Arnaldo
Nota: El tamaño máximo para disminuir los niveles de los títulos son seis #
Título centrado
Para colocar el titulo centrado, pero con el tamaño aumentado se coloca primero la # y luego el comando para centrar, de esta forma:
# <center>Ramón Arnaldo Oropeza</center>
.
Se visualiza así:
Ramón Arnaldo Oropeza
link o hipervínculo o enlaces
Para crear un link o hipervínculo o enlace para una imagen o una palabra usar este comando [](https://)
Dentro de los corchetes se coloca la palabra que quiero que sea usada para el hipervínculo y dentro de los paréntesis la dirección url.
Por ejemplo:
[eriktutovlogs](https://www.youtube.com/watch?v=zt7N3HIOKsM&t=24s)
Se visualiza así
Nota Este comando lo use en este post para que no se vean los vídeos de YouTube, pero el lector pueda ir al vídeo presionando el nombre del autor.
Si es una imagen debo colocar dentro de los corchetes este comando:
![](dirección de la imagen)
y dentro de los paréntesis la dirección de la imagen se debe colocar de esta forma:
[![](dirección de la imagen en ingur)](dirección de la imagen en la página web pixabay)
Se vera de esta forma:
Citas
Para hacer citas se puede usar el símbolo mayor que > Se debe colocar el símbolo al inicio de la frase o párrafo a citar.
Por ejemplo
Para hacer una cita textual se deben colocar los comandos de esta forma:
> "Dios concede la libertad solamente a aquellos que la aman y están siempre dispuestos a guardarla y defenderla." Daniel Webster
Si visualizaría así:
"Dios concede la libertad solamente a aquellos que la aman y están siempre dispuestos a guardarla y defenderla." Daniel Webster
Líneas entre párrafos
Para separar un párrafo con otro con una línea colocar tres guiones seguidos --- y bajar un espacio con la tecla enter de tu pc
---
Las plantas se dividen en monocotiledóneas y dicotiledóneas
Se vera de esta forma:
Las plantas se dividen en monocotiledóneas y dicotiledóneas
Se pueden usar tres asteriscos *** o tres guiones bajos ___ y producen el mismo efecto:
Con tres guiones
***
Se visualiza de esta forma:
Con tres guiones bajos
___
Se visualiza de esta forma:
Escribir en dos columnas
Si estoy escribiendo un cuento, un poema o cualquier texto que requiera trabajar en columnas debo realizar los siguientes pasos:
Para realizar la primera columna, coloco el comando:
<div class="text-justify">
Luego debajo de este coloco el siguiente comando:
<div class="pull-left">
Al final del texto cuando finalice la primera columna debo colocar el comando:
</div>
Para iniciar la segunda columna debo colocar el siguiente comando:
<div class="pull-right">
al final del texto debo colocar </div>
Ejemplo:
Primera columna
<div class="text-justify">
<div class="pull-left">
“Un poema (del latín poēma, y este del griego ποίημα, «creación») es una obra de poesía, tradicionalmente de cierta extensión. Lo habitual es que se componga en verso, esté o no sujeto a los recursos poéticos clásicos de la métrica, el ritmo y la rima; aunque también hay poemas en prosa (prosa poética, poema en prosa). Un poema largo puede dividirse en «cantos», y uno breve en estrofas. Un conjunto de poemas es un poemario (libro de poemas o recopilación de poemas). Es muy habitual hacer antologías de poemas y competencias de poemas (juegos florales)”. Fuente: Wikipedia
</div>
Segunda columna
<div class="pull-right">
“Joachim du Bellay, en Défense et illustration de la langue française (‘’Defensa e ilustración de la lengua francesa’’, 1549), define al poema como una «ouvrage en vers d'une assez grande étendue» (‘’obra en verso de una extensión bastante grande’’). El poema sinfónico es una composición musical para orquesta, de forma libre y desarrollo sugerido por una idea poética u obra literaria”. Fuente: Wikipedia
</div>
Se vería así
“Un poema (del latín poēma, y este del griego ποίημα, «creación») es una obra de poesía, tradicionalmente de cierta extensión. Lo habitual es que se componga en verso, esté o no sujeto a los recursos poéticos clásicos de la métrica, el ritmo y la rima; aunque también hay poemas en prosa (prosa poética, poema en prosa). Un poema largo puede dividirse en «cantos», y uno breve en estrofas. Un conjunto de poemas es un poemario (libro de poemas o recopilación de poemas). Es muy habitual hacer antologías de poemas3 y competencias de poemas (juegos florales)”. Fuente: Wikipedia.
“Joachim du Bellay, en Défense et illustration de la langue française (‘’Defensa e ilustración de la lengua francesa’’, 1549), define al poema como una «ouvrage en vers d'une assez grande étendue» (‘’obra en verso de una extensión bastante grande’’). El poema sinfónico es una composición musical para orquesta, de forma libre y desarrollo sugerido por una idea poética u obra literaria”. tomado de Wikipedia
Poema en dos columnas centrado
Para un poema o un párrafo si se quiere centrado, pero en dos columnas se debe cambiar el comando <div class="text-justify">
por <div class="text-center">
todo lo demás se hace igual ver el siguiente ejemplo de este poema escrito por mí en Steemit Pensamientos vienen y van
Nota
Debo destacar que, para poder dejar de escribir en dos columnas, e iniciar en un nuevo párrafo (como en este post) debo usar el comando de los tres guiones ---
, este detalle me preocupo ya que no conseguía como dejar que el párrafo anterior del poema centrado en dos columnas no visualizara en el ejemplo anterior así, cuando no sabía que había que colocarle los tres guiones para separarlos:
Esto fue lo que me paso :
Un poema largo puede dividirse en «cantos», y uno breve en estrofas. Un conjunto de poemas es un poemario (libro de poemas o recopilación de poemas). Es muy habitual hacer antologías de poemas3 y competencias de poemas (juegos florales)”. Fuente: Wikipedia
“El poema sinfónico es una composición musical para orquesta, de forma libre y desarrollo sugerido por una idea poética u obra literaria”. tomado de Wikipedia
Poema en dos columnas centrado
Para un poema o un párrafo si se quiere centrado, pero en dos columnas se debe cambiar el comando <div class="text-justify">
por <div class="text-center">
todo lo demás se hace igual ver el siguiente ejemplo de este poema escrito por mí en Steemit Pensamientos vienen y van <br/
Cuando le coloco los tres guiones para iniciar un nuevo párrafo el resultado es el siguiente:
Un poema largo puede dividirse en «cantos», y uno breve en estrofas. Un conjunto de poemas es un poemario (libro de poemas o recopilación de poemas). Es muy habitual hacer antologías de poemas3 y competencias de poemas (juegos florales)”. Fuente: Wikipedia
“El poema sinfónico es una composición musical para orquesta, de forma libre y desarrollo sugerido por una idea poética u obra literaria”. tomado de Wikipedia
Poema en dos columnas centrado
Para un poema o un párrafo si se quiere centrado, pero en dos columnas se debe cambiar el comando <div class="text-justify">
por <div class="text-center">
todo lo demás se hace igual ver el siguiente ejemplo de este poema escrito por mí en Steemit Pensamientos vienen y van
Fuente imágenes
Toda imagen que coloques en tu post así sea de tu propiedad debes colocar la fuente de donde la obtuviste. Debo agradecer a @acostaeladio, me hizo la sugerencia y me explico cómo colocar las fuentes a mis imágenes. Esto lo realizo en mi post de Steemit titulado ¿Vistes luna?.
Para colocar la fuente a una imagen
Puedes usar los siguientes comandos debajo de la imagen:
<p><div
class="text-center"><p><a href="Aquí el link de la página donde sale la foto">Fuente</a></p></div></p>
Si las imágenes son de tu propiedad: usa los siguientes comandos:
<center>***"Imágenes de mi propiedad tomadas con un celular Samsung galaxys S”*** </center>
Imágenes sin derecho de autor gratis
Para obtener las imágenes sin derechos de autor gratis yo uso la página pixabay,
Para colocarlas en mis posts en Steemit uso la siguiente página:
imgur.
Puedes ver el vídeo de: CRYPTONYZED, titulado: Steemit, cómo realizar un post con imágenes y videos, más BONUS!
Dejar ver los comandos en tu post
Para dejar ver los comandos o una serie de comandos puedes usar los siguientes símbolos: el acento francés ` te permitirá visualizar un comando largo, por ejemplo <div class="text-justify">
La barra invertida \
te permitirá ver un comando pequeño. Ejemplo:
<br/>
También se puede usar este símbolo ~
para colocar códigos más largos. Colocando arriba y debajo del código tres de ellas ~~~
. Se colocan de esta forma:
~~~
<br/>
<div class="text-justify">
\<br/>
~~~
Se visualiza de esta forma:
<br/>
<div class="text-justify">
<br/>
Fuentes consultadas
eriktutovlogs, “Como Justificar el texto en Steemit”
Elsociooficial, “Como darles estilo y elegancia a nuestros textos en Steemit”
Javier Cristóbal Aprende Markdown RÁPIDO! - Sintaxis básica en menos de 5 MIN
CRYPTONYZED, Steemit, como realizar un post con imágenes y videos, más BONUS!
Idandy, [1#Tutorial Markdown] - Separar el contenido en dos columnas (Ideal para crear historias y relatos)👀¡Guia al grano!
joedicastro, Markdown & Pygments Lexers Cheat Sheet
Agradecimientos
Quiero agradecer a las siguientes personas por su valioso tiempo, por compartir sus conocimientos y experiencias subiendo vídeos en YouTube, que me ha ayudado a iniciarme en el universo de Steemit, orientándome en mi aprendizaje en este mundo para mí.
• May Vil
• Yanira Useche
• CRYPTONYZED
• eriktutovlogs
• Inversionistas Elite
• Café y Arepas
Muy buena explicación, @arnaldoropeza; muy valiosa por ser exhaustiva.
De hecho, muchos de estos comandos de markdown ya los conocía, pero tu explicación fue tan completa que me enseñó algunos nuevos trucos. Sin duda los usaré en mis próximas publicaciones.
Hola @spirajn muchas gracias
Me encantó, muy completo y sencilla explicación. Saludos.
muchas gracias @mayvil
Fantástico post, muy completo y bien explicado...
Gracias por la información.
Saludos
muchas gracias @sounddam