Formatear un post con Markdown

From Steem Center
Jump to: navigation, search

Es altamente recomendado que le dés formato a tu publicación antes de enviarla. Para crear contenido en Steemit puedes usar dos modos, el de "editor" o el de "editor MARKDOWN".

Este es un breve resumen del algunos de los comandos más comunes para dar formato disponibles en la ventana REDACTAR en Steemit con código MARKDOWN.

Algunos de estos consejos provienen de las sesiones de tutoría con @razvanelul. [1], algunos de la página en GitHub Markdown Cheat Sheet. [2] Además es bueno saber que pueden usarse algunos comandos HTML combinados con el MARKDOWN.

Cambiar el tamaño del texto (Encabezados)

Para modificar el tamaño del texto se puede usar el numeral (#) antes del texto a modificar, también se puede usar el comando html <h>.

Ejemplos de comandos:

Tamaño máximo de texto: # TEXTO GRANDE o <h1>TEXTO GRANDE</h1>
Tamaño más pequeño de texto: ######texto más pequeño o <h6>texto más pequeño</h1>

Se pueden usar varios tamaños, usando de 1 a 6 "#", o variando el codigo html <h1< hasta <h6>, siendo 1 la de mayor tamaño y el 6 la de menor tamaño.
Se debe dejar un espacio entre el simbolo # y el texto a modificar.
se debe "cerrar" el comando h1 con su respectivo >/h?> para que funcione perfectamente. Estos comandos sun muy útiles para encabezados secundarios dentro del post.

Texto en negritas

Para hacer que un texto se destaque en negritas, usa un doble asterisco (**) antes y después del texto que deseas cambiar.

NO SE DEBE DEJAR ESPACIO entre los dobles asteriscos y el texto a modificar.

Tambien puede usarse el comando html <b>

ejemplos:

En Markdown: **palabra**
En html: <b>palabra</b>

Texto en itálica

Para hacer que un texto se vea destacado en letra itálica usa un solo asterisco (*) antes y después del texto que se quiere modificar.

NO SE DEBE DEJAR ESPACIO entre los asteriscos y el texto.

También puede usarse el comando html <em>

ejemplos:

En Markdown: *word*
En html: <em>word</em>

Enlaces (Links)

Para colocar enlaces entre una palabra o frase en la publicación y un sitio web se usan corchetes [ ] y paréntesis ( ).

El texto que se verá destacado en la publicación va escrito entre los corchetes [ ] y la dirección url del sitio a enlazar va entre los paréntesis ( ).

Si usas html y no un editor MARKDOWN puede usarse el comando <a href>

ejemplos:

En Markdown: [palabra o frase a enlazar](http:www.urldelsitioweb.com)
En html:<a href="http://www.urldelsitioweb.com">palabra o frase a enlazar</a>

Alinear el texto

Alinear el texto permite ver una publicación más ordenada y limpia, ya que ambos lados del texto se ven completamente rectos.

Para lograr esto en nuestras publicaciones en Steemit usamos el comando html <div class="text-justify"> Texto (pueden ser de 1 a varios párrafos) </div>

ejemplo:

Html:<div class="text-justify"> Texto </div>
    • Este comando NO centra, alinea los bordes del texto.

Uso de imágenes

El uso de imágenes le da a nuestros post un valor extra, sin embargo se deben tomar en cuenta varios factores además de cómo incluirlas en la publicación, ya que Steemit tiene una política severa en cuanto al derecho del autor y el respeto a la creación de contenido.

Una publicación en español que explica el uso de imágenes en Steemit fué escrita por @ubikalo en su Guía paso a paso para el uso de imágenes en Steemit[3] y puedes revisarla para una mejor comprensión del uso de imágenes en Steemit.

Pasos para incluir imágenes:

  • Subir (upload) la imagen a internet, lo más sencillo es hacerlo desde el editor de Steemit o Busy.org.
  • Obtener la dirección url de la imagen subida y usarla según lo deseemos en la publicación.

El comando para las imágenes se ve así:

https://steemitimages.com/0x0/https://cdn.steemitimages.com/codigodelaimagen/NombreDeLaImagen.jpg

Video y Media

La forma más sencilla para incluir video a nuestras publicaciones es usando la aplicacion Dtube,la version descentralizada del popular Youtube, al crear y subir un video por esta aplicación automaticamente se publica en nuestra cuenta de Steemit.

Otra forma es usando la direccion url del video o media que queremos utilizar tal como se explica en este artículo en la sección de Enlaces.

Y por último, la tercera forma es usando comandos (que en Inglés se conoce como "embed") y se usa el comando html <code>iframe</code>. Esta opción sólo funciona con YouTube, Vimeo y SoundCloud.

ejemplo:

 <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> 

Centrado de imágenes, videos o texto

Estos comandos nos permiten colocar una imagen, un video o un texto perfectamente centrado en la publicación, ayudando a darle un orden visual a nuestra creación en Steemit.

En general se usa el mismo codigo que es <center> </center>.

ejemplos:

Imagen: <center>imagen.jpg</center>
Texto: <center>texto</center>
Video: <center><code>iframe</code></center></nowiki>

Espacio entre líneas (Breaks)

Estos comandos permiten rompar una línea dentro de un párrafo y así pasar a la siguiente linea sin dejar espacio, por ejemplo para el subtítulo de una imagen.

Para logar ésto se utiliza el comando <br>.

Si deseas dejar un espacio entre líneas utiliza dos veces el comando <br><br>.

Subtitulos

Para colocar un subtítulo en una imagen ademas de usar el comando <br>, tambien puede ser combinado con otros comandos para darle una apariencia interesante y diferente.

Algunos comandos que se pueden combinar para esto serian el de centrado, letra pequeña, negrita o itálica.

El comando para poner el texto en pequeño es <sub </sub>.

ejemplo:

Imagen centrada, con subtítulo centrado, letra pequeña y en negrilla: 
<center>imagen.jpg</center>
<br>
<center><sub><b>*subtítulo*</b></sub></center>

Barra deslizadora de texto o slider

Para colocar una barra deslizadora o "slider" al texto solo necesitamos colocar 4 espacios antes del texto en el que deseamos tener el "slider".[4]

Referencias

  1. @razvanelulmarin Retrieved in July 26th, 2017
  2. Markdown Cheat Sheet Escrito por Adam Pritchard en GitHub, revisada en Julio 26, 2017
  3. Guía paso a paso para el uso de imágenes en Steemit Escrito por Ivan Leon @ubikalo Abril 2018
  4. Shortcut to move-able Sliding text banner on steemit En Inglés, Escrito por Chron (@chron) en Steemit el 26 de Julio, 2017

Enlaces

En Inglés:

En español:

Artículos relacionados

En Inglés:

En Español:

Enlaces externos

En otros idiomas




Ayuda a mantener esta página wiki actualizada. Registrate, has click en edit, para agregar o modificar el texto y luego guardar los cambios.
Si colaboras y ya eres un steemian puedes obtener recompensas en STEEM por hacerlo, mira cómo en @steemcenterwiki.