Hoy les voy a mostrar una forma de escribir texto para paginas web de una forma sencilla y hasta más fácil que html ya que Mardown tambien es un lenguaje de marcado. Como en la entrada anterior vimos como crear una web con hugo para luego subirla a github, esa web tenia una plantilla y para su edición, creación de nuevos post o nuevas páginas, recomiendo que aprendan #markdown por que lo van a necesitar!
Markdown es una forma sencilla de agregar formato a textos en la web y funciona incorporando algunos caracteres a nuestro contenido. Es un texto plano, simple e intuitivo de escribir y fácil de leer en HTML. Lo primero que tenemos que saber es que los archivos mardown tienen extensión md y se pueden leer con cualquier tipo de editor de texto. Al principio recomiendo usar la web https://dillinger.io/ para practicar de manera online.
Negrita
Debemos encerrar la palabra entre asterizcos doble (en cada lado):
Una palabra en Negrita
Una palabra en **Negrita**Titulos
Para escribir un titulo usamos el numeral antes de la oración. Entonces con 1 numeral tendremos el famoso h1, con 2 numerales el h2 y asi sucesivamente.
Titulo h1
Titulo h2
Titulo h3
Titulo h4
Titulo h5
# Titulo h1
## Titulo h2
### Titulo h3
#### Titulo h4
##### Titulo h5Enlaces o Links
Los enlaces se pueden construir de dos maneras: 1) abandonando la página en la que se está navegando y yendo directamente al sitio al que deriva el enlace; 2) abriendo el sitio del enlace en otra pestaña, manteniendo la navegación en nuestro portal.
Ejemplo 1:
Este es un link hacia mi blog personal
Este es un link hacia [mi blog personal](https://www.luiszambrana.com.ar/)
Este es un link hacia mi blog personal que abre el enlace en otra pestaña nueva y permite mantener la navegación en mi sitio github.
Este es un link hacia [mi blog personal](blank:#https://www.luiszambrana.com.ar/) que abre el enlace en otra pestaña nueva y permite mantener la navegación en mi sitio github.Vincular Correos electronicos
Este es un link a mi mailsoy@luiszambrana.com.ar
Este es un link a mi mail[soy@luiszambrana.com.ar](mailto:soy@luiszambrana.com.ar)
Vincular numeros de telefono
Este es un link al teléfono (54–11) 6496-4236
Este es un link al teléfono [(54–11) 6496-4236](tel:+541164964236)
Ahora podriamos hacer es que nuestro enlace del telefono nos lleve hacia algun sitio web:
Este es un link al teléfono (54–11) 1164964236
Esta opcion de tambien te permite agregar un mensajito preseateado, por ejemplo, si se usa para una mesa de ayuda y estoy en la pagina de soporte tecnico podria poner links que diga para tal cosa tal link y que el link me lleve a ese telefono correspondiente:
Este es un link al teléfono (54–11)6496-4236
Este es un link al teléfono [(54–11)6496-4236](blank:#https://api.whatsapp.com/send?phone=5491164964236&text=¡Hola,%20necesito%20soporte!)
Imagenes
Podemos utilizar una imagen que este dentro de nuestro proyecto.
y se vería asi:
Tambien podriamos agregarle un titulo alternativo a nuestra imagen de este modo:
Insertar código
Conozco dos maneras, las mas comunes son:
con un color
`con un color`
Encerrando el texto en un recuadro como se viene haciendo en esta entrada:
```
Asi se escribe codigo en Markdown
```Omitir Markdown
En el caso anterior que tuve que explicar la inserción de códigos, si o si tuve que evitar el reconocimiento de simbolos sino no podria haberlo mostrado. Para hacer esto se utiliza una barra invertida:
# Sin la barra ubiera sido un titulo h1
\# Sin la barra hubiera sido un titulo h1
Esto fue todo por hoy sobre Markdown y espero que les haya gustado!! Recuerden visitarme en mi sitio en github y si les gusta compartir en sus redes sociales.
