Guía de edición básica: Markdown

in steemit •  7 years ago  (edited)

markdown-01.jpg

Steemit es una comunidad altamente visual, por ello debemos realizar un material estéticamente armónico, les proporcionaré las herramientas básicas para poder hacerlo a través de las diferentes formas de edición que nos deja usar la plataforma las cuales son el editor, markdown y HTML. ¿Qué podemos hacer cuando le damos a publicar?

separador-01.png

Markdown


adasda-01.jpg
Vamos a recorrer la imagen, veamos que cambia y que sigue igual cuando damos click en markdown

  1. Título
  2. Editor
  3. Espacio para escribir
  4. Maneras de insertar imagenes
  5. Etiquetas
  6. Botón para publicar
  7. Limpiar
  8. Votar publicación

¿Qué es markdown?

Es un tipo de lenguaje de marcado ligero, nos permite hacer cambios visuales, el objetivo de markdown es que sea más fácil de leer y de usar para las personas que no manejen HTML.

Para mayor facilidad, les mostraré como se escribe y como se verá, cada código que escribamos.

separador-01.png

¿Dónde están la negrita, la cursiva y el tachado?

Así se ve:Así lo escribo:
Negrita
**Negrita**
Cursiva
*Cursiva*
Cursiva
_Cursiva_
Tachado
~~Tachado~~

separador-01.png

Títulos y subtitulos

Así se ve:Así lo escribo:

Soy único

# Soy único

Soy hijo del único

## Soy hijo del único

Soy nieto del único

### Soy nieto del único

Como podemos observar el colocar títulos y subtitulos cambia la fuente que normalmente usamos y generará espacios alrededor del texto según sea su grado, podemos llegar hasta "#######" (6). Lo coloco como único, hijo y nieto del único porque se debe mantener la jerarquía.

separador-01.png

Citas - Blockquote


Así se ve:

"La grandeza de tu vida es un reflejo de la grandeza de tus pensamientos" - Robin Sharma

Así lo escribo:
>"La grandeza de tu vida es un reflejo de la grandeza de tus pensamientos" - Robin Sharma

Listas ordenadas y listas no ordenadas

listas ordenadas y no ordenadas.png

separador-01.png

¿Cómo conectar una o varias palabras con un link?

[Eso es un virus](https://steemit.com/@lauraesfeliz)
Eso es un virus

¿Cómo puedo insertar un video?

[Texto del enlace aquí](Link del video que deseamos colocar)

¿Cómo puedo insertar una imagen?

Hay varias maneras, justamente en la sección 4 de la lista que hicimos al comienzo, steemit nos lo deja muy claro diciéndonos

Inserta imagenes arrastrando y soltando, pegando desde el portapales o por seleccionadolos

Imagen de nuestro escritorio

¡Podemos traer una imagen de nuestro escritorio! Con pocos pasos. Steemit lo pasa a markdown inmediatamente.

Subir imagen de tu escritorio.png

Imagen de la web

![Texto](Link de la imagen que desees colocar)

Como genero un espacio

Muchas veces necesitamos separar, esto lo podemos hacer colocando # entre las dos cosas que deseamos separar

  • Ejemplo:
![dasdas.png](https://steemitimages.com/DQmeipDWq4JMow9kdyvSJ7qh8rAYRc7jJRnbvqHR7tKWq4n/dasdas.png)
#
asdasdasdasdas

separador-01.png

¿Por qué he decidido hacer esta guía? Esto se debe a que estoy siendo parte de un movimiento en la ciudad en la que vivo, donde damos clases totalmente GRATIS relacionadas con steemit, también subimos el material a la plataforma. @Jokossita se ha encargado de la organización y la dirección del proyecto pero ¿por qué me seleccionó para el área de "mejorar la imagen de tus publicaciones"? Tengo estudios de diseño web, diseño gráfico, HTML5 y CSS3 los cuales estoy encantada de compartir, si tienes dudas sobre estas áreas puedes dejarmelas en los comentarios.

¡Más material del proyecto!

EL PROYECTO | CLASE UNO | CLASE DOS
Guía de edición básica: Editor
Guía de edición básica: HTML

Banner-01.png
separador-01.png

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:  
  ·  7 years ago Reveal Comment

Me alegra mucho que te sea de ayuda :D

muy bien explicado

Gracias, traté de hacerlo lo mas explicito posible ^^

Tengo especial admiración por tu labor. =) sigue asi.

Hahahaha, las carpetas.

Ups...!

¡Felicitaciones tu publicación ha sido seleccionada para recibir el Upvote y Resteem del Proyecto de Curación @Codebyte!

comments.png

Si deseas apoyarnos y saber mas sobre este proyecto puedes seguirlo y estar atento a sus publicaciones. No olvides votar este comentario para recibir mejores ganancias en el futuro, si deseas revisar tu post en el reporte diario entra aquí.

Muy buena reseña, un resumen bien ordenado, muchas gracias.
me gustaría invitarte a conocer mi blog y si me podes dar un consejo de como embellecerlo

¡Hola, Mariano! Gracias. Si quieres podemos comunicarnos a través de discord y por allí te aconsejo.

no se lo que es discord, voy a entrar al link a ver de que se trata

Fácil de entender. El conocer estos sencillos comandos aporta mucha estética a los posts, gracias por compartir con la comunidad ;)

Que bella <3

Muchas gracias por el aporte, tu como siempre @lauraesfeliz destacándote sigue así

Gracias <3

Un post muy útil, de esos que como user nuevo hay que guardar en lo que te acostumbras al marcado.

¡Sí! Ya después lo logras escribir con mucha facilidad :D

Gracias @lauraesfeliz por hacernos la edicion mas fácil

Te invito a que pases por el canal @elorigen donde te podemos ayudar con información sobre Desarrollo personal y hablamos sobre temas relacionados con “El conocimiento de sí mismo”.