JADE(Pug)多嵌套布局失效：添加canonical标签无效果求助

问题背景 #

需要在Pug中实现多层嵌套布局（master.pug → master-c.pug → 业务页面），由于自动生成的master.pug无法编辑，计划通过中间布局master-c.pug继承master.pug并添加canonical meta标签，再让所有业务页面继承master-c.pug，但最终canonical链接完全被忽略，方案未生效。

涉及代码 #

不可编辑的master.pug：

doctype html
html
  head
    block head

中间布局master-c.pug：

extends master.pug

block head
  link(rel='canonical', href=locals.canonicalUrl)

业务页面代码：

extends master-c.pug

block head
  ... // 页面自定义的head内容

原因分析 #

Pug的block继承默认是覆盖行为：当子模板定义了与父模板同名的block时，会直接替换父模板中该block的内容。这里业务页面的block head完全替换了master-c.pug里的block head，导致canonical标签被丢弃。

解决方案 #

有两种方式可以实现block内容的叠加，避免被覆盖：

方案1：在中间布局中使用block append/block prepend

修改master-c.pug，将普通block head改为block append head（或prepend，控制内容位置），这样父级block的内容会和子级的合并：

extends master.pug

block append head
  link(rel='canonical', href=locals.canonicalUrl)

• append：将内容追加到父级block的末尾
• prepend：将内容添加到父级block的开头

方案2：在业务页面中调用super()

保持master-c.pug不变，在业务页面的block head中通过super()调用父级block的内容，再添加自定义内容：

extends master-c.pug

block head
  super() // 继承master-c.pug中的block head内容
  ... // 页面自定义的head内容

补充说明 #

Pug的多层嵌套布局是完全支持的，核心是要正确处理block的继承逻辑——默认替换，显式叠加，这样嵌套层级中的内容才能依次生效。

内容的提问来源于stack exchange，提问作者Semen Shekhovtsov