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

Words
485
Reading
3 min
Listen
Play
9y

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

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