4

我想将 Blueprint CSS 框架与 Yesod 一起使用。有没有最佳实践?

因为 Yesod 使用 CSS 模板,所以在我看来我不能直接使用 .css 文件?我必须将它们重命名为 .lucius 文件吗?

如何将 CSS 添加到 defaultLayout?

4

2 回答 2

6

一种方法是将它们重命名为 .lucius 文件,这应该可以正常工作。(如果不是,这是 Lucius 中的一个错误,您应该报告它。)但是您也可以将 CSS 存储在静态文件夹中并通过 addStylesheet 调用引用它;例如,这是我对 Yesod Wiki 采取的方法。

于 2011-07-03T10:21:23.460 回答
4

yesod wiki 有一篇关于此的文章。解决方案基本上是将蓝图的副本放在您的静态文件夹中,然后您可以像这样以类型安全的方式引用蓝图(在您的templates/default-layout-wrapper.hamlet, before中^{pageHead pc}):

<link rel=stylesheet media=screen href=@{StaticR blueprint_screen_css}>
<link rel=stylesheet media=print href=@{StaticR blueprint_print_css}>
于 2012-02-03T18:03:39.723 回答