Cervantes Magazine - Vol. 7: Consejos para principiantes

in spanish •  7 years ago  (edited)

[Cervantes Magazine - Vol. 7]


Esta semana el tema de la revista serán las criptomonedas. Yo ya he dicho varias veces que me enteré de que existían el mismo día en que me enteré de que existía Steemit, así que no me atreveré a darles consejos sobre eso; he pensado que mejor aprovecho y les cuento todo lo que sé sobre Markdown.

Cuando llegué a Steemit no tenía ni idea de cómo otros usuarios hacían esos posts tan bonitos, con todo tipo de letras, imágenes centradas, ¡imágenes junto a un texto! Quería que los míos fueran así de perfectos, visualmente hablando. Además, me di cuenta de que atraían a más usuarios. Emprendí una búsqueda incansable y conseguí casi todas las sintaxis que necesitaba y, aunque ya me las sé de memoria, las tengo todas guardadas en un documento de Google Drive. Por supuesto, hoy las voy a compartir con todos ustedes.




Markdown es un lenguaje de marcado ligero creado por John Gruber que trata de conseguir la máxima legibilidad y facilidad de publicación tanto en su forma de entrada como de salida, inspirándose en muchas convenciones existentes para marcar mensajes de correo electrónico usando texto plano.
Fuente





En Markdown, en la mayoría de los casos, hay varias sintaxis para un mismo resultado, unas son más sencillas y otras menos. Como siempre, es preferencia del usuario utilizar una u otra, así que yo les voy a dejar todas las maneras que sé y ustedes eligen la que mejor o más fácil les sea.

1. Formato básico de texto


El formato básico del texto, es decir, negrita , cursiva y tachado, se puede realizar de las siguientes maneras:


FromatoSintaxisTexto publicado
Negrita**Esto es negrita**Esto es negrita
__Esto también es negrita__Esto también es negrita
<b>Y esto</b>Y esto
Cursiva*Esto es cursiva*Esto es cursiva
Otra manera es así:_cursiva_Otra manera es así: cursiva
Negrita y cursiva***Esto es negrita y cursiva***Esto es negrita y cursiva
___Esto también es negrita y cursiva___Esto también es negrita y cursiva
Tachado~~texto tachado~~texto tachado

2. Encabezamientos:


Hay un máximo de 6 niveles. La más sencilla es poniendo # al principio de la frase, más un espacio; este espacio es importante, de lo contrario el editor se confundirá. Sería así:

# Encabezamiento 1

## Encabezamiento 2

### Encabezamiento 3

#### Encabezamiento 4

##### Encabezamiento 5

###### Encabezamiento 6

Se verá así:

Encabezamiento 1

Encabezamiento 2

Encabezamiento 3

Encabezamiento 4

Encabezamiento 5
Encabezamiento 6


Otra manera de hacerlo, el resultado será exactamente igual al anterior:

SintaxisTexto publicado
<h1>Encabezamiento 1</h1>

Encabezamiento 1

<h2>Encabezamiento 2</h2>

Encabezamiento 2

<h3>Encabezamiento 3</h3>

Encabezamiento 3


Para los encabezamientos de los dos primeros niveles existe una tercera manera, menos utilizada al ser las otras dos más sencillas, pero igualmente se las pongo:

Esto es un H1
=============

Esto es un H2
-------------

Resultado:

Esto es un H1

Esto es un H2


3. Citas o bloques de texto


Esta cita la he creado añadiendo 4 espacios antes de escribir.



Otra manera sería añadiendo el carácter mayor que (>) antes del bloque de texto:

>Esto es parte de un bloque de cita.
>Esto es parte del mismo bloque de cita.

>Esto es parte de otro bloque de cita.
Esto continúa el bloque incluso aunque no haya símbolo 'mayor que' (>).


Resultado:

Esto es parte de un bloque de cita.
Esto es parte del mismo bloque de cita.

Esto es parte de otro bloque de cita.
Esto continúa el bloque incluso aunque no haya símbolo 'mayor que' (>).

La línea en blanco (espacio) finaliza el bloque.

¿Quieres varios niveles? Pues añade otro > ¡y listo!

>Esto es parte del bloque de cita de primer nivel.

> Esto es parte de un bloque de cita.
> Esto es parte del mismo bloque de cita.
>
> > Esto es otro bloque de cita anidado.
> > Esto es parte del bloque anidado.
>


Resultado:

Esto es parte del bloque de cita de primer nivel.

Esto es parte de un bloque de cita.
Esto es parte del mismo bloque de cita.

Esto es otro bloque de cita anidado.
Esto es parte del bloque anidado.



Por último, también se puede hacer así:

<blockquote>TEXTO</blockquote>


Resultado:

TEXTO

4. Listas con viñetas


Markdown permite crear dos tipos de listas, ordenadas (numeradas) o desordenadas (listas de puntos).

  • Lista de puntos:

El más simple de todos, tan solo hay que añadir un asterisco (*) al principio + espacio:

* Viñeta 1 (no olvides el espacio después del asterisco)
* Viñeta 2
* Viñeta 3

Resultado:

  • Viñeta 1 (no olvides el espacio después del asterisco [*])
  • Viñeta 2
  • Viñeta 3

Se pueden emplear también los signos más (+) y menos (-) en vez de asteriscos (*)

* Un elemento de la lista
+ Otro elemento de la lista
- Tercer elemento de la lista

Resultado:

  • Un elemento de la lista
  • Otro elemento de la lista
  • Tercer elemento de la lista

  • Lista numerada:

Es muy muy sencillo, tan sólo hay que añadir el número + punto + espacio:

SintaxisTexto publicado
1. Punto 11. Punto 1
2. Punto 22. Punto 2
3. Punto 33. Punto 3

Algo curioso es que Markdown no distingue el primer número, así que aunque siempre pongas el 1 al principio, se seguirá el orden.

Escribe:

1. Punto 1
1. Punto 2
1. Punto 3

Y el resultado será:

  1. Punto 1
  2. Punto 2
  3. Punto 3

  • Todo a la vez
    Por último, Markdown también permite mezclar distintos tipos de listas y anidadarlas unas dentro de otras. Esta opción me encanta porque podemos crear varios niveles dentro de un mismo tema y esto es algo que a mi visualmente me parece muy bonito y ordenado. No es nada difícil, se hace así:

1. Esto es una lista ordenada.
2. Segundo elemento de la lista ordenada.
(4 espacios) 1. Esta es una lista ordenada anidada dentro de otra.
(8 espacios) * Lista desordenada anidada a tercer nivel.
(8 espacios) * Segundo elemento de esta lista.
(4 espacios) 2. Este es el segundo elemento de la lista ordenada anidada.

Resultado:

  1. Esto es una lista ordenada.
  2. Segundo elemento de la lista ordenada.
    1. Esta es una lista ordenada anidada dentro de otra.
      • Lista desordenada anidada a tercer nivel.
      • Segundo elemento de esta lista.
    2. Este es el segundo elemento de la lista ordenada anidada.

5. Líneas Horizontales

Para crear una línea horizontal, podemos utilizar una secuencia de asteriscos (*) o guiones medios (-), y tenemos varias opciones:

* * *

***

*********

- - -

---------

Resultado:






6. Tablas



Esas tablas tan chulas de arriba son bastante sencillas, simplemente hay que indicar cuáles son los elementos de la cabecera y separar los campos con los símbolos | y --

Cabecera A | Cabecera B
-- | --
Campo A1 | Campo B1
Campo A2 | Campo B2


El resultado será:

Cabecera ACabecera B
Campo A1Campo B1
Campo A2Campo B2

Los más perfeccionistas, por estética, pueden especificar la alineación de cada columna mediante la adición de dos puntos a las líneas de separación.

Dos puntos a la izquierda de la línea de separación hará que la columna esté alineada a la izquierda, dos puntos a la derecha de la línea hará que la columna esté alineada a la derecha, así:

| Elemento | Cantidad | Precio |
| :------------ | :----------- | -------: |
| Item 1 | 15 | 150€ |
| Item 2 | 3250 | 23,65€ |


Resultado:

ElementoCantidadPrecio
Item 115150€
Item 2325023,65€

Continuará...




[Volver a Portada]


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

excelente post @nelyp , me agrada que presten apoyo a todos nosotros los nuevos para poder crecer junto con la comunidad steemit

Gracias :)

Muchas gracias, ssto me ayudara mucho para empezar en Steemit. ¡Saludos!

Muy útil y bien explicado, estoy deseando que nos cuentes más!!! sobre todo del tratamiento de imágenes, tamaños y links ;)

Gracias Iván. Muy pronto más! ;)

Excelente aporte, esto es muy útil para todos.

Muchas gracias @bitcoinroute :)

  ·  7 years ago (edited)

Genial esta recopilación de todos los códigos o por lo menos los mas importantes, algunos no me los sabia, ya guarde este post.

El uso de estas herramientas ayudan a una mejor #visibilidad e interpretación del #contenido, así como también llaman la atención del publico objetivo, haciendo de estos futuros clientes o seguidores.

Buen trabajo!

¡Gracias!

Dios mío nunca habría encontrado absolutamente ninguno de estos valiosos trucos por mi cuenta.
Estoy muy agradecido por ello quiza en un futuro pueda utilizarlo ya que hasta hoy, hemos estado publicando exclusivamente en texto plano, gracias por tan noble labor y por compartirla con todos nosotros.
Cordialmente @galberto

Wow @galberto, muchas gracias. Espero que sea útil :)
Saludos.

  ·  7 years ago (edited)

Claro que lo será de eso estamos seguros de nuevo mil gracias.

+2999$ No hay duda alguna que muchos todavía no conocen nada de eso, incluso a mi se me escapan algunas cosas. ¡Buena elección!

Gracias colo! 😘

Aportes como este dan fundamento a nuevos stemians como yo. Muy agradecido desde Caracas Venezuela con ustedes equipo @cervantes Sigan con este maravilloso trabajo. Yo los estoy siguiendo a ver que más puedo aprender de sus posts.

Muchas gracias @miguelfiguera, ¡la próxima semana más! :)

Si te gusta la poesía pasate por mi blog. Tal vez encuentres algo bonito que disfrutes leer.

Impresionante toda una experta... me ha sacado de dudas nuevas que tenia gracias por tu aporte @nelyp.

Gracias @rayken04 :)

Gracias @nelyp, siempre dispuesta a ayudarnos. Saludos

Gracias a ti @yaniria1 por leerlo :)

A mi me encanta Markdown a este post Nelyp y aunque no sea Markdown solo le agregaría el como hacer texto justificado:
justificado.jpg
Y el texto va entre las etiquetas < p >

Aquí no está todo Miche, falta muchísimo más, si lo hago todo en un único post sería demasiado largo y aburriría; poco a poco lo iré poniendo todo, no sé si en dos o tres posts :)

Lo se, lo se... Pero me gusta agregar valor a mis comentarios 😝

Y ese del justificado es uno de los más complicados de conseguir.

Al menos para nosotros los no versados en html
Saludos y se le extrañaba!

Excelente explicación, soy nueva y la verdad e escrito poco, estoy traveseando a ver si aprendo y me encontre con este post muy nutritiva, practicare para que mi proximo post no sea plano o tan plano. Saludos y es agradable aprender.

Gracias @migda. Saludos!

Ahora sí podré hacer los post más bonitos con estas herramientas de edición. Muy agradecida por estos trucos.

Muchas gracias @yaleal :)

Muy útil este post, gracias por compartirlo y pondré en practica varios de los consejos. . . . .saludos

Gracias @kepaxa. Saludos.

Excelente aporte para mis futuros post, pienso igual que tú me gusta la estética en mis contenidos.

hola mi amigo @nelyp soy tu seguidor y usted es el mío. Este es un mensaje de reply como estrategia para que sumes votos y replys en tus post ... que tema tan interesante manejas en tu blog, me gustaría que tu también hicieras lo mismo con mi ultimo post acerca de (Lugares Fantásticos #2 El Parque nacional Northumberland) https://steemit.com/travel/@victorlondono/lugares-fantasticos-2-el-parque-nacional-northumberland .... muchas gracias...

:)

Gracias por este post . Muy util.

que completo, justo lo que quería gracias

:)

De verdad que muy bien explicado.

Excelente consejo

Gracias

muchas gracias por esta valiosa información!! Bendiciones

Gracias amiga, excelente explicación .Saludos @nelyp

Excelente información!!

¡Sin dudas un post de calidad! Siempre veo post con carencia de un cierto orden a causa de que muchos usuarios no usan sintaxis o usan muy pocas. Todo esta resumido en Markdown, ánimo a los usuarios nuevos para que le echen un ojo.¡Saludos! @nelyp

Muy bueno.

muy util amiga! gracias !