Markdown: Lo que he aprendido en Steemit para hacer un Post

in #markdown5 years ago

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á:

Ramón Arnaldo Oropeza


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í

eriktutovlogs

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

Sort:  

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.

Me encantó, muy completo y sencilla explicación. Saludos.

Fantástico post, muy completo y bien explicado...
Gracias por la información.
Saludos

Coin Marketplace

STEEM 0.28
TRX 0.12
JST 0.033
BTC 67135.09
ETH 3126.83
USDT 1.00
SBD 3.72