ghost-blog - 图像资产未在 Ghost 博客中加载

Question

默认情况下，主题在其文件夹中casper不包含文件夹。我创建了一个，并在其中放置了一个 PNG 图像。imagesassets

现在，screen.css我正在构建一个使用 CSS 样式的标题，它反过来引用图像：

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

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

博客本身不断地从 GitHub 存储库部署到 Azure 网站。每次对 CSS 进行更改时，我都会重新启动网站，但似乎没有任何变化显示图像。

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

Answer 1

您可以做的简单技巧之一是添加内联样式。background-image在文件中添加样式.hbs作为内联样式。

在给图像源使用的同时

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

我很确定这会奏效。

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

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