2016-04-29 18 views
0

Standardmäßig enthält das Thema casper keinen Ordner images in seinem Ordner assets. Ich habe einen erstellt und ein PNG-Bild eingefügt.Bildinhalt wird nicht in Ghost Blog geladen

nun in screen.css ich einen Header erstellen, die einen CSS-Stil verwendet, das, seinerseits verweist auf das Bild:

background: url("../images/logo.png"); 

Dies ist jedoch immer wieder ein 404 - beide Chrome und Edge-erwähnen, dass Die Ressource existiert nicht.

Das Blog selbst wird kontinuierlich von einem GitHub Repo auf eine Azure-Website bereitgestellt. Ich starte die Webseite jedes Mal neu, wenn ich Änderungen am CSS mache, aber es scheinen keine Variationen das Bild zu zeigen.

Gibt es eine Möglichkeit, den Ordner assets/images zu zwingen, in die Asset-Suche eingeschlossen zu werden?

+0

Können Sie einen Link zu dem Blog in Frage geben? – Reedyn

+0

Wahrscheinlich ist dies nicht die ideale Lösung, aber Sie könnten CSS-Stile in Ihre .hbs-Datei einbetten ('' '' '') und verwenden Sie '' 'background: url ({{asset" images/img .jpg "}});' '' '' '' asset''' Helfer zeigt auf den Ordner '' '' '' '' '' '' in Ihrem Thema. Betrachten Sie dies als eine vorübergehende Lösung, ich habe Ihr Setup ausprobiert, es hat auch nicht für mich funktioniert. –

Antwort

0

Einer der einfachen Hacks, die Sie tun können, ist das Hinzufügen von Inline-Stil. Fügen Sie background-image Stil in der Datei .hbs als Inline-Stil hinzu.

Während geben Bildquelle

<img src={{asset "images/logo.png"}}"> 

verwende ich bin kleinlich sicher, dass dies funktionieren wird.

oder Sie können nur die absolute URL des Bildes im Stylesheet angeben

url('domain.com/images/logo.png')