提供在 Rails 上使用 skel 构建的静态页面

Question

我在网上找到了一个不错的 template，并希望将其用于我的 rails 应用主页。我决定使用high voltage gem 并通读它的自述文件。我设法使路由正确，但我无法为模板 zip 文件中的众多资产（css、js、svgs 和 sass）文件找到合适的路径/文件夹，这显然使它看起来不错。

我尝试将它们放入我的 rails 应用程序的 assets 文件夹中，它使一些“功能”正常工作，但 svgs 和图像没有显示......它搞砸了我现有的页面。阅读 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 的正确方法。

区别： 在里亚尔中，您有一个辅助方法“image-path”，并且您没有在图像文件前面加上目录名称。

如果有以下行，请务必检查您的“app/assets/stylesheets/appilcation.css”：

 *= require_tree .
 *= require_self

现在关于 Font Awesome：我看到在这个主题中你将使用 Font Awesome。我建议将 gem 用于 Rails：

在您的 Gemfile 中：

gem 'font-awesome-sass'

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