DESCIFRANDO MARKDOWN [Domingos de Steemit]

Words
514
Reading
3 min
Listen
Play
8y

En el momento que me dijeron: ¡tienes que aprender códigos para estructurar tus blogs en Steemit!, pensé inmediatamente en html, así que hice precisamente lo que buen investigador y curioso hace, recordar o refrescar mis escasos conocimientos sobre htlm, obviamente no sabía lo que realmente me enfrentaba.
Después de ver varios vídeos de youtube y repasar por varias páginas de Internet sobre códigos htlm, incluso el intento de editar mi primer blog, llegó el día de la confirmación de mi cuenta Steemit y sucedió lo inevitable, el htlm no me iba a funcionar.
Entonces ¿qué código es el que debo usar? y una pequeña reseña en la sección de editar respondió la pregunta.

Antes de comenzar a indagar los códigos de Markdown me familiaricé con el editor de texto, por un momento pensé que no sería necesario el uso de etiquetas ni códigos, pero desilusionado descubrí que el editor de texto estaba incompleto, para darle una forma más estética a los blogs casi que es obligatorio el uso de etiquetas de Markdown.

Creé un nuevo documento word y comencé en esa cacería de etiquetas, y entre a la Pagina oficial de Markdown y la de muchos usuarios que han proporcionado guías de etiquetas muy útiles para crear mi propia base de datos de códigos Markdown, por aquí les dejo un enlace para que puedan descargarlo, quizás le sea de utilidad como a mí, o le dé una idea para elaborar su propia base de datos.

Descargar documento word: Códigos Markdown

¿Cuáles son las etiquetas / códigos que más uso?

Para centrar un texto o imagen:

<center>Texto a centrar</center>

Para justificar un párrafo:

<div class="text-justify">Párrafo Aquí</div>

Para hacer tablas

| titulo 1| titulo 2|
| --------|---------|
| mensaje 1| detalle 1 |
| mensaje 2| detalle 2 |

Para colocar la fuente o un link (redireccionar o colocar un hipervínculo)

[titulo](link o url)

Para convertir un texto en cursiva

<i>Texto en cursiva</i>

Para crear dos columnas

<div class="pull-left">Texto de la primera columna</div>
<div class="pull-right">Texto de la segunda columna</div>

Espero les haya sido de utilidad, adicionalmente les dejo para descargar este blog en formato markdown, por si les es de utilidad conocer la forma como estructuro mis blogs:

Descargar documento word: Blog Descifrando Markdown

Además, este vídeo explica satisfactoriamente como podemos maquetar nuestros blogs en esta plataforma.

Vídeo tutorial de Markdown realizado por Javier Cristóbal (2017)

Información adicional:

Los símbolos |, [] y <> generalmente o no están visibles en el teclado o el teclado esta configurado de otro modo, sin embargo, aquí la forma de obtenerlos sin estar copiando y pegando:

  • Alt + 91 = [
  • Alt + 93 = ]
  • Alt + 60 = <
  • Alt + 62 = >
  • Alt + 124 = | (el usado para hacer tablas)

Lista completa de códigos del teclado

Tema relacionado:

Realizado por:

Ing. Alcides Cádiz

Investigador y Generador de Contenido

Posdata: Las imágenes usadas en este blog son de elaboración propia o tomadas de: https://pixabay.com/es/ (repositorio de imágenes sin derecho de autor)


[Usuario Discord: alcidescadiz@alcidescadiz#6964] instagram facebook

DESCIFRANDO MARKDOWN [Domingos de Steemit] | Ecency