HTML5 CSS 和 Rails 模板

Question

我在以下 URL 使用免费的 HTML5 模板：

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

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

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

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

上面是包含了最终模板自带的CSS和JS，但是我没有得到后台的3张旋转图片

任何帮助都会很棒。

谢谢

Answer 1

是...您必须使用资产管道。

您可以通过在图片地址引用中添加以下内容来引用图片：

<%= 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'
        },

HTML5 CSS 和 Rails 模板

HTML5 CSS and Rails template

html

css

ruby-on-rails

更新