css - HTML5 CSS 和 Rails 模板

Question

我正在使用以下 URL 中的免费 HTML5 模板:

http://html5up.net/eventually

我无法从 main.js 文件中获取背景图像。 (bg01.jpg、bg02.jpg、bg03.jpg)。

假设它们位于/assets/中，我应该如何使用 rails asset pipeline 引用这些图像文件？

CSS 和布局工作正常，我的包含目前看起来像这样:

<%= stylesheet_link_tag    'main', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'main', 'data-turbolinks-track' => true %>

上面是包含最终模板自带的CSS和JS，但是我没有得到背景中的3个旋转图像。

任何帮助都会很棒。

谢谢

Answer 1

是的......你必须使用 Assets 管道。

您可以通过将以下内容添加到图片地址引用来引用图片:

<%= asset_path 'bg01.jpg' %>

要使此标记在 css 文件中起作用，您必须更改文件名，在其末尾添加 .erb。它会变成 yourFile.css.erb 或 yourfile.scss.erb

更新

你的代码是这样的:

images: {
        'images/bg01.jpg': 'center',
        'images/bg02.jpg': 'center',
        'images/bg03.jpg': 'center'
        },

应该改为

images: {
        '<%= asset_path 'bg01.jpg' %>': 'center',
        '<%= asset_path 'bg02.jpg' %>': 'center',
        '<%= asset_path 'bg03.jpg' %>': 'center'
        },