Rails 教程 - 不包含 CSS 和图像答案

【问题标题】：Rails tutorial - CSS and Image not being includedRails 教程 - 不包含 CSS 和图像
【发布时间】：2012-09-21 07:41:48
【问题描述】：

我是 Ruby on Rails 的新手，并且正在关注 Michael Hartl 的 Rails 教程。

根据书上的内容，我下载了一组 CSS 并将其放在 /public/stylesheets/ 文件夹中。另外，我在 public/images 文件夹中放置了一个 logo.png 文件。当我从浏览器请求页面时，不会显示徽标，而是显示 Alt 文本。另外，我认为 CSS 也没有链接。

我似乎完全按照书上所说的做了。不知道是什么问题。

Rails 3.2.8，ruby 1.9.3p194（2012-04-20 修订版 35410）[x86_64-linux]

这里是布局 application.html.erb 页面：

<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<%= csrf_meta_tag %>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<%= stylesheet_link_tag 'blueprint/screen', :media => 'screen' %>
<%= stylesheet_link_tag 'blueprint/print', :media => 'print' %>

<!--[if lt IE 8]><%= stylesheet_link_tag 'blueprint/ie' %><![endif]-->

<%= stylesheet_link_tag 'custom', :media => 'screen' %>

</head>
<body>


<div class="container">
    <header>
        <%= image_tag("logo.png", :alt=>"Sample App", :class => "round") %>
        <nav class="round">
            <ul>
                <li><%= link_to "Home", '#' %></li>
                <li><%= link_to "Help", '#' %></li>
                <li><%= link_to "Sign in", '#' %></li>
            </ul>

        </nav>
    </header>

    <section class="round">
        <%= yield %>
    </section>


</body>
</html>

【问题讨论】：

好吧，我也在按照教程进行操作……但是您使用的是最新版本的 rails，但您的代码听起来对我并不熟悉。因此，我再次查看了 Hartl 的教程……您的代码来自 rails 3.0，但您使用的是 3.2 版本。也许这就是导致问题的原因？ Hartl 在遵循他的教程以确保规格与他在教程中所教的内容相匹配时确实说过。不确定这是否有帮助。
如果您想使用不同版本的 rails，请使用 rvm。这是它的链接：rvm.io/rvm/basics。它允许您为不同的项目使用不同版本的 rails、ruby 等。

标签： css ruby-on-rails railstutorial.org

【解决方案1】：

Rails 3.X 在app/assets/stylesheets 中有样式表，在app/assets/images 中有图像。

其他建议也很好...使用最新版本的教程并查看 rvm。

【讨论】：

谢谢！很高兴找到这个答案的旧线程

【解决方案2】：

您为什么要关注旧版教程？他的网站上有稍新的版本。你一定要检查一下。

您使用的是 Rails 3 吗？如果你是，那么现在放置样式表的正确位置就是 assets。你可以在 app/assets/stylesheets 中找到它们。

【讨论】：

感谢您让我知道网站上的更新版本，我现在将使用它而不是书。