服务在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'

我认为您选择的主题非常好。 感谢您分享它，它将对我当前的项目有用。