Question

我尝试了各种不同的寻址方法，但是我无法正确地显示HTML以显示本地保存在网站目录中的图像。该应用程序设置在GitHub和Heroku上，使用ruby on rails，如果这有任何区别的话。你可以看到下面的代码，我试图通过application.html.erb文件在我的所有页面上显示一个favicon和徽标。

有人可以看到这些代码行有问题吗？这是目录的样子。

app/assets/images/favicon.png and navbar-logo.png sit here
app/views/layouts/application.html.erb
app/views/layouts/all the pages, e.g. home.html.erb, sit here

谢谢！

这是代码。

<!DOCTYPE html>
<html>
  <head>
    <title>Harvest Loop</title>
      <%= csrf_meta_tags %>
      <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
      <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
      <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
      <link rel="shortcut icon" type="image/png" href="../../assets/images/favicon.png"/>
    </head>

    <body>

    <!-- Navigation Bar -->
    <nav class="navbar navbar-toggleable-sm navbar-custom">
      <a class="navbar-brand"><img src="../../assets/images/navbar-logo.png" alt="haifai"></a>
      <ul class="nav navbar-nav navbar-right">
        <li class="nav-item"><%= link_to "Home", root_path, class: "nav-link" %></li>
        <li class="nav-item"><%= link_to "Contact", contact_path, class: "nav-link" %></li>
        <li class="nav-item"><%= link_to "Demo", demo_path, class: "nav-link" %></li>
      </ul>
    </nav>

    <!-- Page Content -->
    <%= yield %>
  </body>
</html>

Answer 1

使用资产助手，本例中为favicon_link_tag

favicon_link_tag 'favicon.png'

和image_tag此处

image_tag 'navbar-logo.png'

尝试了一切，仍然无法在HTML页面中显示本地图像

1 个答案: