Rails教程 - 不包括CSS和图像

时间:2012-09-29 21:31:02

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

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

根据这本书,我下载了一组CSS并将其放在/ public / stylesheets /文件夹中。另外,我在logo / 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>

2 个答案:

答案 0 :(得分:2)

Rails 3.X在app/assets/stylesheets中包含样式表,在app/assets/images中包含图片。

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

答案 1 :(得分:1)

为什么要关注本教程的旧版本?他的网站上有一些稍微更新的版本。你一定要看一下。

您使用的是Rails 3吗?如果你是,放置你的样式表的适当位置现在是资产。您可以在app / assets / stylesheets中找到它们。