如何将css文件与Slim模板引擎相关联?

时间:2015-03-01 03:08:14

标签: css ruby sinatra slim-lang

我正在研究一个小的Sinatra / Slim项目,我想要包含一个css文件。一切正常,除了。

这是我的项目"树":

├── essai.rb
    └── views
        ├── form.slim
        └── style.css

这是form.slim的负责人:

html

head

    title Vote
    link href="style.css" rel='stylesheet' type='text/css'

我已尝试过"views/style.css""../style.css",等等。但是Rake记录错误"GET /style.css HTTP/1.1" 404。我知道我在sinatra没有css的路线,但我想有一个诀窍可以避免......我希望:D

我试着在苗条的示例页面上看到:file_path("style.css")但是,我有一个undefined method 'file_path'错误,我猜是因为它的一个ruby函数在细长的例子中传递了args。

有人能告诉我该怎么办?谢谢!

2 个答案:

答案 0 :(得分:2)

Sinatra希望您的css文件文件默认驻留在public目录中,而不是views目录中。

所以你的项目树看起来应该更像这样。

/essai.rb
/views
      /form.slim
/public
      /css
          /style.css

然后您应该可以使用现有的slim模板访问它。

答案 1 :(得分:1)

如接受的答案中所述。然而,他对Sinatra的新人的答案是不完整的。是的,您必须将CSS文件放在 public / css /

你头脑中的代码应该是

link rel="stylesheet" href="css/app.css" rel='stylesheet' type='text/css'

Sinatra的新手注意到你的CSS文件名可以是任何东西,例如styles.css,app.css,main.css或其他。

以下是我自己项目的截图

enter image description here