Que tal queridos amigos de Steemit, en esta ocasión les traigo un pequeño post que los ayudara a crecer como usuarios dentro de esta plataforma. Con estos tips que les ayudaran a crear posts mas estructurados, ordenados y atractivos visualmente. Hoy aprenderemos un poco a usar el Markdown y codigos HTML a la hora de crear nuestros post, a pesar que este tipo de post abunda en la red, la mayoría está en inglés y por otro lado los nuevos usuarios no saben cómo encontrarlos. Por esta razón he decidido actualizarles esta información.
Fuente / Steemit / HTML
¿Que es el Markdown?
Es un lenguaje que trata de conseguir la mayor facilidad a la hora de publicar contenido en la web, este se aplica mediante caracteres especiales que dan un acceso a la misma conversión que tendría usar HTML. Entre sus ventajas podemos encontrar:
- Es fácil y rápido de usar.
- Puede ser usado en combinación con HTML.
- Resulta fácil encontrar errores y modificarlos.
Títulos y Encabezados
En la siguiente tabla se expresara como se debe escribir a la hora de crear el post con el uso de ambos lenguajes, solo necesitaras usar uno.
# Titulo 1 | <h1>Titulo 1</h1> |
## Titulo 2 | <h2>Titulo 2</h2> |
### Titulo 3 | <h3>Titulo 3</h3> |
#### Titulo 4 | <h4>Titulo 4</h4> |
##### Titulo 5 | <h5>Titulo 5</h5> |
###### Titulo 6 | <h6>Titulo 6</h6> |
Este sera el resultado:
Titulo 1
Titulo 2
Titulo 3
Titulo 4
Titulo 5
Titulo 6
Énfasis
Estos son los comando que usaremos cuando queremos resaltar un texto en especifico, tales como negrita o cursiva, ademas de así quererlo podemos combinarlas. Cabe resaltar que la palabra que va en su interior es el texto que deseamos resaltar.
**Negrita** o __Negrita__ | <b>Negrita</b> |
*Cursiva* o _Cursiva_ | <i>Cursiva</i> |
~~Tachado~~ | <strike>Tachado</strike> |
Este sera el resultado:
Normal
Negrita
Cursiva
Tachado
Ajuste de parrafos
Si hay algo que llame la atención de un párrafo es verlo justificado, algo que únicamente podremos hacer usando HTML, lamentablemente al principio muchos no sabemos como hacer esto, ¡Eso se acabo!.
| Justificado | <div class="text-justify">Párrafo justificado</div> |
| Alinear a la Derecha | <div class="pull-right”>Párrafo alineado a la Derecha</div> |
| Alinear a la Izquierda | <div class="pull-left”>Párrafo alineado a la Izquierda</div> |
| Centrar | <center>Párrafo Centrado</center> |
Este sera el resultado:
Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado Párrafo justificado .
Párrafo alineado a la derecha
Párrafo alineado a la izquierda
Listados
Podemos hacer listados tanto con símbolos como numéricos, ademas de sub listados. Cabe resaltar que con Markdown podemos usar hasta tres comando diferentes para hacer listas.
| Tipo de Listado | Markdown | HTML | Resultado |
|---|---|---|---|
| Numerico |
|
|
|
| Simbolo |
|
|
|
Enlaces
En nuestros post siempre usaremos imágenes que por lo general sacamos de Internet, así mismo también usamos texto copiado de otra web para hacer referencia a lo que estamos escribiendo. Por esta razón es necesario saber como colocar los enlaces de donde hemos sacado dicha información o imagen, ya que de lo contrario estaríamos apropiándonos del contenido que otra persona con mucho esfuerzo ha creado.
[Fuente](Enlace) | <a href="Enlace">Fuente</a> | Fuente |
Citas y Destacar codigo
En ocasiones necesitamos citar a un autor al escribir una de sus frases, e incluso citarnos a nosotros mismos. Por otro lado los que solemos crear post de programación en el cual es necesario enseñarles la parte del código, podemos destacarle para que sea mas claro de leer y entender. El símbolo real se los dejare al lado del ejemplo.
| Citar | > Citar | > |
| Destacar código lineal | 'Código' | ` |
| Destacar código grupal | '''Código''' | ` |
Este sera el resultado:
Citar: La cita de un autor reconocido - Autor reconocido.
Código lineal
Código Grupal
If (0 >1){}
Otros
Por ultimo pero no menos importante tenemos el salto de linea y los separadores, los cuales usamos con mucha frecuencia y podemos usarlos con tres símbolos diferentes.
| Separador | *** o --- o ___ |
| Salto de linea | <br> |
Extra
Para aquellos amantes de los emojis o emoticonos les dejare una lista de los mas usados y el código de como aplicarlos.
| 😉 | 😉 |
| 😊 | 😊 |
| 😠 | 😠 |
| 😜 | 😜 |
| 😧 | 😧 |
| 😱 | 😱 |
| 😆 | 😆 |
| 😎 | 😎 |
| 😍 | 😍 |
| 😭 | 😭 |
| 😞 | 😞 |
| 😶 | 😶 |
| 😇 | 😇 |
| 😈 | 😈 |
| 😵 | 😵 |
Bueno amigos eso ha sido todo, espero les sea de mucha ayuda y así mejoren sus futuros post para que reciban mas Upvotes y Resteem. Si les gusto y desean tener a la mano estas herramientas no duden en darle Resteem a este post, de igual forma también pueden copiar todo lo aquí explicado y almacenarlo en un documento en su computador. Por ultimo acá les dejo los enlaces de donde recopile la información. ¡Hasta pronto!