Necesito insertar el título de la página en el atributo ALT. ¿Cómo obtener el título? El siguiente código se encuentra en el archivo .eleventy.js
En este momento obtengo el título si paso los accesorios "título". Pero, ¿cómo obtener el encabezado sin pasar los accesorios?
eleventyConfig.addShortcode('image', (src, className, title) => { let classNameValue = (className) ? className : ' ' let titleValue = (title) ? title : ' ' let cloudinary = 'https://res.cloudinary.com/dr24pbwrs/image/upload/q_auto,f_auto/' let pathimg = src.replace( new RegExp('https://res.cloudinary.com/.*/image/upload/', 'g'), '' ) return `<picture class="${classNameValue}"> <source srcset="${cloudinary}w_768/${pathimg} 768w, ${cloudinary}w_1024/${pathimg} 1024w, ${cloudinary}w_1024/${pathimg} 1240w" sizes="(min-width: 320px) 768px, (min-width: 768px) 1024px, (min-width: 1024px) 1240px, 100vw"> <img src="${cloudinary}${pathimg}" alt="${titleValue}" loading="lazy" /> </picture>` })
Ok, entonces desea usar una función normal, no una flecha gruesa, y eso le da acceso al objeto de la página, pero no obtiene acceso al tema principal. Sin embargo, sabe dónde está el archivo ahora y puede usar gray-matter
para leerlo. Esta respuesta explica cómo hacerlo.