【发布时间】：2014-04-05 01:39:55
【问题描述】：
我想将 Blueprint CSS 框架与 Yesod 一起使用。有什么最佳做法吗？
因为 Yesod 使用 CSS 模板，所以在我看来我不能直接使用 .css 文件？我必须将它们重命名为 .lucius 文件吗？
如何将 CSS 添加到 defaultLayout？
【问题讨论】：
标签： css haskell blueprint-css yesod
【发布时间】：2014-04-05 01:39:55
【问题描述】：
一种方法是将它们重命名为 .lucius 文件，这应该完美运行。 （如果不是，这是 Lucius 中的一个错误，您应该报告它。）但是您也可以将 CSS 存储在静态文件夹中并通过 addStylesheet 调用引用它；例如，这是我在 Yesod Wiki 中采用的方法。
【讨论】：
-
如果是 CSS 框架，最好的做法是将它们放在静态文件夹中。
yesod wiki 有一个关于此的 article。解决方案基本上是将蓝图的副本放在您的静态文件夹中，然后您可以像这样以类型安全的方式引用蓝图（在您的templates/default-layout-wrapper.hamlet 中，在^{pageHead pc} 之前）：
<link rel=stylesheet media=screen href=@{StaticR blueprint_screen_css}>
<link rel=stylesheet media=print href=@{StaticR blueprint_print_css}>
【讨论】：
-
文章链接似乎已损坏。