2017-04-24 2 views
-2

さまざまなアドレッシング方法を試しましたが、サイトのディレクトリにローカルに保持されているイメージを表示するためにHTMLを取得できません。このアプリはGitHubとHerokuで、Ruby on Railを使って設定されています。下のコードは、私がfaviconとロゴをapplication.html.erbファイルですべてのページに表示しようとしているところです。すべてを試しても、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

を資産ヘルパーを使用しますhrefのどこかにある文字列。私はそれが "image_tag"か何かと呼ばれると思います。私はRuby on Railsを使用していませんが、私がDjangoの経験から推測しなければならないのであれば、バックエンドのテンプレートシステムを使用しなければならないでしょう。おそらく、これは助けることができます:http://stackoverflow.com/questions/1814736/add-image-to-layout-in-ruby-on-rails – MrStank

+0

アイスマンは言った。アセットパイプラインに関する問題があるため、レールヘルパーメソッドを使用する必要があります。 – dpalazzari

答えて

3

"<%=" 私はあなたがRailsの上で、これらのルビーを挿入する必要があろうと推測するに、この場合のfavicon_link_tag

favicon_link_tag 'favicon.png' 

image_tagここ

image_tag 'navbar-logo.png' 
関連する問題