如何使用 nunjucks 模板中的 HexoJS css 助手？

Question

我收到错误：

Unhandled rejection Template render error: (unknown path) [Line 9, Column 6]
  unknown block tag: css
    at Object.exports.withPrettyErrors (/Users/me/hexo-site/node_modules/hexo-renderer-nunjucks/node_modules/nunjucks/src/lib.js:35:17)

我的 themes/theme-name/layout/layout.nunjucks 文件有这个代码：

<title>Site title</title>
{% css "css/style.css" %}

Answer 1

Nunjucks 没有 css 标签，看起来 hexo-renderer-nunjucks 也没有实现。

您可以自己实现，但使用过滤器看起来更简单：

env.addFilter('css', function(str) {
    return '<link rel="stylesheet" href="' + str + '"></link"'
})

并改用 {{"css/style.css"|css}}。

如何使用 nunjucks 模板中的 HexoJS css 助手？

How do I use the HexoJS css helper from a nunjucks template?

nunjucks

hexo