如何使用Slim模板引擎鏈接CSS文件？

Question

我正在做一個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" "views/style.css" "../style.css" ，...等。 但是Rake記錄錯誤"GET /style.css HTTP/1.1" 404 。 我知道我沒有在Sinatra中使用CSS的路線，但是我想有個避免這種情況的技巧...我希望：D

我試着在苗條的示例頁面上看到： file_path("style.css")但是，我有一個undefined method 'file_path'錯誤，我想是因為它的紅寶石函數在苗條的示例中傳入了args。

有人可以告訴我該怎么做嗎？ 謝謝！

Answer 1

Sinatra希望您的css文件文件位於public目錄中，而不是默認位於views目錄中。

因此，您的項目樹應看起來像這樣。

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

然后，您應該可以使用現有的苗條模板訪問它。

Answer 2

如接受答案中所述。 但是，對於Sinatra的新手來說，他的答案是不完整的。 是的，您必須將CSS文件放入public / css /

你頭腦中的代碼應該是

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

Sinatra的新手會注意到，您的CSS文件名可以是任何東西，例如styles.css，app.css，main.css等。

這是我自己的項目的屏幕截圖