3

我正在使用 Wintersmith 以及wintersmith-stylus和wintersmith-jade插件制作一个静态网站。

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

Line ##: Unexpected identifier

布局.jade

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

...

帮助.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 插件引起的，但即使是这种情况，我也不知道如何修复它。

4

2 回答 2

2

因为我想同时使用 Stylus 和 Jade（内容和模板都使用 Jade），所以我最终转向了Harp。Harp 不仅“内置”了 Stylus 和 Jade，而且比 Wintersmith 稍微简单一些。

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

于 2014-10-01T11:17:39.713 回答
0

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

看着templates/article.jade，看起来你应该使用 justextends layout而不是extends ./layout.jade.

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

于 2014-09-28T14:36:25.977 回答