图片资产未在Ghost博客中加载

时间:2016-04-29 18:04:35

标签: ghost-blog ghost

默认情况下,casper主题的images文件夹中没有assets文件夹。我创建了一个,并在其中放置了一个PNG图像。

现在,在screen.css我正在构建一个使用CSS样式的标题,而该样式依次引用图像:

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

但是,这总是会返回404 - Chrome和Edge都提到资源不存在。

博客本身正在从GitHub仓库持续部署到Azure网站。我每次更改CSS时都会重新启动网站,但似乎没有变化显示图像。

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

1 个答案:

答案 0 :(得分:0)

您可以做的一件容易的事情就是添加内联样式。在background-image文件中添加.hbs样式作为内联样式。

在使用图像源时使用

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

我很确定这会奏效。

或者您可以在样式表中指定图像的绝对URL

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