2016-04-29 74 views
0

默认情况下,casper主题不包含assets文件夹中的images文件夹。我创建了一个,并在其中放置了一个PNG图像。现在图片资产未加载Ghost博客

,在screen.css我建立一个使用CSS样式,即,反过来标题,引用图像:

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

然而,这总是返回404 - Chrome和边缘提到,该资源不存在。

博客本身不断从GitHub仓库部署到Azure网站。每次我对CSS做出更改时,我都会重新启动网站,但没有任何变化可以显示图像。

有没有办法强制assets/images文件夹被包含在资产查找中?

+0

你能提供一个链接到有问题的博客图像的绝对URL? – Reedyn

+0

可能这不是理想的解决方案,但是你可以在你的.hbs文件中嵌入CSS样式('''''')并使用'''background:url({{asset“images/img .jpg“}});''''''''''''''''''辅助工具指向您的主题上的'''assets'''文件夹。考虑这是一个临时解决方案,我试过你的设置,它也不适用于我。 –

回答

0

你可以做的简单的黑客之一是添加内联样式。将background-image样式作为内嵌样式添加到.hbs文件中。

同时也让图像源使用

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

我小肯定这会工作。

,或者你可以指定在样式表

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