Question

我正在使用Wintersmith与wintersmith-stylus和wintersmith-jade插件一起创建一个静态网站。

我想在帮助页面中添加特定的CSS文件。帮助页面基于“布局”模板。当我尝试使用块将样式表插入html头时，我收到以下错误：

Line ##: Unexpected identifier

layout.jade

doctype html
html
    head
        block head
        link(rel="stylesheet" href="/styles/layout.css")
    body

...

help.jade

---
template: layout.jade
---

//- Error inducing code
extends ./layout.jade

block head
    link(rel="stylesheet" type="text/css" href="../styles/help.css")
//- end of error inducing code

...

即使我在包含extends的元数据块顶部移动block head和template: layout.jade行，我仍会收到相同的错误。在我的情况下，删除extends ./layout.jade会导致错误行位置从40移动到5。

我的猜测是错误是由wintersmith-jade插件引起的，但即便如此，我也会因为如何修复它而迷失。

Answer 1

由于我想同时使用Stylus和Jade（将Jade用于内容和模板），我最终转移到了Harp。 Harp不仅有Stylus和Jade＆＃34;内置＆＃34;，但它也比Wintersmith稍微简单。

这是一个很好的解决方法，但我说它实际上是同时升级。

Answer 2

我没有使用wintersmith-jade，但看起来这个插件不应该影响/templates中的常规模板（这是我认为你所指的）。

查看templates/article.jade，看起来您应该只使用extends layout代替extends ./layout.jade。

默认模板也没有元数据块，但可能是您正在使用的插件所必需的。

＆＃34;意外的标识符＆＃34;将extends / block添加到wintersmith-jade内容文件时

2 个答案: