2017-04-24 12 views
-2

我嘗試了各種不同的尋址方法,但我無法獲得HTML權限顯示圖像在本地保存在網站的目錄中。該應用程序在GitHub和Heroku上使用Ruby on Rails建立,如果這有什麼不同。你可以看到下面的代碼,我試圖通過application.html.erb文件獲得一個favicon和logo來顯示在我的所有頁面上。嘗試了一切,仍然無法獲取本地圖像顯示在HTML頁面

有人可以看到這些代碼行有問題嗎?這是目錄的樣子。

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> 
+0

我猜想,你將不得不插入on Rails的那些紅寶石 「<%=」在href中的某處字符序列。我認爲它被稱爲「image_tag」什麼的。我不使用Ruby on Rails,但如果我必須根據我對Django的經驗進行猜測,那麼您將不得不使用後端模板系統,而​​不是直接提供像您那樣的硬鏈接。也許這可以幫助:http://stackoverflow.com/questions/1814736/add-image-to-layout-in-ruby-on-rails – MrStank

+0

什麼冰人說。由於涉及資產管道的問題,您需要使用Rails輔助方法。 – dpalazzari

回答

相關問題