默认情况下,casper
主题的images
文件夹中没有assets
文件夹。我创建了一个,并在其中放置了一个PNG图像。
现在,在screen.css
我正在构建一个使用CSS样式的标题,而该样式依次引用图像:
background: url("../images/logo.png");
但是,这总是会返回404 - Chrome和Edge都提到资源不存在。
博客本身正在从GitHub仓库持续部署到Azure网站。我每次更改CSS时都会重新启动网站,但似乎没有变化显示图像。
有没有办法强制assets/images
文件夹包含在资产查找中?
答案 0 :(得分:0)
您可以做的一件容易的事情就是添加内联样式。在background-image
文件中添加.hbs
样式作为内联样式。
在使用图像源时使用
<img src={{asset "images/logo.png"}}">
我很确定这会奏效。
或者您可以在样式表中指定图像的绝对URL
url('domain.com/images/logo.png')