Jade 语法需要澄清

Clarification needed for Jade Syntax

我正在使用 Huge 的新 Styleguide 模板并开始研究 Jade 语法。也就是说,我似乎找不到任何与作者如何创建图像路径相关的文档。使用的语法是:

img.huge-sidebar__logo.clearfix(src='styleguide/assets/images/#{public.styleguide._data.logoImage}')

我没有得到的部分是看起来包含的路径部分:

#{public.styleguide._data.logoImage}

任何人都可以阐明这叫做什么以及它在做什么吗?

您看到的是 Jade 的 interpolation 功能的有趣应用,它可以用于纯文本字符串,例如 src='...'.

它看起来不同(带点),因为它使用多维 JavaScript 对象而不是简单的变量。