服務在Rails上使用skel構建的靜態頁面

Question

我在網上找到了一個不錯的模板，並希望將其用於我的Rails應用程序主頁。 我決定使用高壓寶石並通讀其自述文件。 我設法正確地進行了路由，但找不到適合模板zip文件中的眾多資產（css，js，svgs和sass）文件的適當路徑/文件夾，這些文件顯然使其看起來不錯。

我嘗試將它們放到我的rails應用程序的asset文件夾中，該文件夾可以使用某些“功能”，但是svg和圖像沒有顯示……這使我現有的頁面更加混亂。 然后，我通讀了Rails文檔，嘗試將模板資產存儲到vendor文件夾中，該文件夾也不起作用。

我應該在哪里存儲模板啟發式主頁的資產，以免破壞常規/應用程序頁面的外觀？ 我應該在html中使用哪些路徑來調用它們？

Answer 1

如果您對圖像有疑問，請查看模板源中的圖像參考。 您可以看到對圖像的引用，如下所示：

background-image: url('images/top-1280.svg')

在Rails中不會提供此圖像。

我建議在您的css（或scss）文件中查找並替換所有圖像引用。

嘗試這個 ：

background-image: url(image-path('top-1280.svg'));

這是Rails 4的正確方法。

區別：在Rials中，您有一個輔助方法“ image-path”，並且沒有在目錄名前添加映像文件的前綴。

重要的是，請檢查“ app / assets / stylesheets / appilcation.css”中是否包含以下行：

 *= require_tree .
 *= require_self

現在有關Font Awesome：我看到在此主題中，您將使用Font Awesome。 我建議將寶石用於Rails：

在您的Gemfile中：

gem 'font-awesome-sass'

我認為您選擇的主題非常好。 感謝您分享它，它將對我當前的項目有用。