如何在EleventyJS的配置文件中获取页面标题



我需要在ALT属性中插入页面的标题。如何获得头衔?下面的代码位于.eventy.js文件中

现在,如果我通过道具";标题";。但是如何在不通过道具的情况下获得头球?

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>`
})

好的,所以你想使用一个正则函数,而不是胖箭头,这让你可以访问页面对象,,你不能访问前面的内容。但是,您知道文件现在在哪里,可以使用gray-matter读取它

相关内容

  • 没有找到相关文章

最新更新