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

时间:2014-11-21 01:16:09

标签: ruby-on-rails high-voltage skel

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

我尝试将它们放入我的rails应用程序的assets文件夹中,这使得一些“功能”正常工作,但svgs和图像没有显示......并且它搞砸了我现有的页面。阅读Rails文档后,我尝试将模板资产存储到供应商文件夹中,这也无效。

我应该在哪里存储我的模板灵感主页的资产,以免他们破坏我的普通/应用页面的外观?我应该在html中使用哪些路径来调用它们?

1 个答案:

答案 0 :(得分:0)

如果您遇到图像问题,请查看模板源中的图像引用。你可以看到这样的图像参考:

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

不会在Rails中提供此图像。

我建议查找并替换css(或scss)文件中的所有图像引用。

试试这个:

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

这是Rails 4的正确方法。

差异: 在里亚尔你有一个帮助方法"图像路径"并且不要在图像文件前添加目录名称。

请务必检查您的" app / assets / stylesheets / appilcation.css"如果有这样的行:

 *= require_tree .
 *= require_self

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

在你的Gemfile中:

gem 'font-awesome-sass'

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