hoy veremos Cómo crear en obsidian y poner este banner todo de una manera simple y rápida sin necesidad de utilizar un ccs como es en este caso o alguna modificación extraña ya que tenemos un nuevo plugin que se llama Pixel banner el cual utiliza de dos diferentes servicios uno que es pixels y el segundo que es pixab y además puedes utilizar desde un de una página web o de manera local quédate en este video que enseguida [Música] comenzamos en este caso como acá puedes ver lo que yo tengo es en específico estoy utilizando un callout
para llamarlo a la imagen y está la parte del icono lo que vamos a hacer es deshabilitarlo para tenerlo funcional esta parte en específico Nos dirigimos a settings mul plugins brow y buscamos Pixel banner y le daremos al botón de instalar damos en enable y ya lo tenemos listo y como lo dije al inicio necesitamos podemos hacer uso de pixels o pixab y utilizar la Api de manera directa para esto nos vamos a elegirnos en opciones y aquí tenemos la configuración de la Api podemos venirnos a Pixel sapi o pixab appi y aquí marcamos qué
proveedor vamos a utilizar una vez que tú creas tu cuenta en pixab que es un repositorio de imágenes te vas a dirigir aquí en el lado de Explore y luego en Api y le das en get starter View Api documentation en la parte inferior vas a tener en este apartado tu Api que esto es lo que tú necesitas utilizarlo y mencionar en obsidian que en este caso estamos utilizando el de pixabay una vez que lo tengas y referencias Ya lo tenemos configurado para buscar las imágenes a través de la Api luego de esto podemos configurar
las imágenes para que el tamaño sea pequeño medio o largo para el el tamaño en específico la orientación si va a ser landscape portray o Square el número de imágenes que vamos a solicitar eso ojo solo con la Api y los default keywords que podemos utilizar en este caso son los keywords por defecto luego tenemos en la parte de general la posición en un formato vertical en qué momento va a empezar a inicializar si va a ser auto cover o contain la posición si la imagen se va a repetir el tamaño del banner por defecto
está en 350 y el fade el efecto que vamos a manejar Luego los custom Field names y aquí esto es lo más interesante que tenemos ya que acá podemos mantener lo que estábamos utilizando previamente con el plugin o si utilizas algún otro servicio tú lo puedes mantener con la palabra banner la posición y el cont Start position del fi como lo quieras visualizar el folder dónde vas a guardar tus imágenes o desde dónde las vas a referenciar lo puedes tener directamente desde un directorio por en este caso attachments el formato que se va a visualizar
si se va a repetir y puedes agregar más de una carpeta para configurar el directorio de las imágenes con esto nos puede ayudar a tener más de una carpeta según la temática que vayamos a utilizar Y por último Tenemos aquí los ejemplos acá vamos a utilizar la palabra banner y vamos a buscar nosotros directamente por ejemplo hacking y como ves de forma automática ya nos enci el término acá podemos escribir anime Y de forma directa ya nos está llamando library por ejemplo igual nos va a llamar a la parte de la librería también podemos hacer
la referencia a una imagen o a una una referencia directa que en este caso vamos a llamar a uno de Im gur como puedes ver lo está llamando de forma directa sin ningún inconveniente o sin ningún problema del mismo modo nosotros podemos poner la referencia dentro de nuestra carpeta local como acá lo estamos viendo para referenciar ahora para hacer el banner fate del mismo modo Nosotros le especificamos Y tenemos la parte del blur con el que estamos nosotros trabajando tenemos content Start le vamos a escribir en 500 al indicarle 500 Esto es lo que nos
estamos referenciando esta ubicación si nosotros ponemos en 100 como ves lo está subiendo la parte de la propiedad Entonces nosotros podemos a partir de esto definir En qué posición queremos que se inicialice el contenido ahora en el caso de que no quieras que se vea las propiedades ades nos venimos aquí en settings en editor y en esta parte tenemos lo que es el properties in document que nosotros lo podemos ponerlo en hi o directamente únicamente en source vamos a ocultarlo y como verás ya no lo tenemos acá si te ha gustado este video dale un
me gusta compártelo suscríbete Si no lo estás y nos estamos viendo en un próximo video que por cierto regresamos con los videos de cada semana Así que sin más nos vemos en un próximo video adiós [Música] [Música]
