静态页面改写成jpress模版，background-image中的图片在静态项目中显示，在jpress中不显示，如何解决？

Question

问题描述

准备使用jpress建站，于是将写好的静态前端文件改写成jpress模版文件，其中有一处需要背景图片+渐变的效果，在原来的html中可以预览的，但是转到jpress中背景图片就不显示了。文件结构相同，尝试了几个路径都没有显示。
这是静态的html+css效果:

这是jpress效果：

问题出现的环境背景及自己尝试过哪些方法

jpress 3.3.0
检查网页，查看图片地址怎么都是404，

我总觉得地址前面这段http://127.0.0.1:8888/jpress不对劲，我的文件结构是这样的：

├── css
│   └── style.css
├── img 
│   └── bg.jpg
├── article.html
...

相关代码

html+css静态文件和jpress模版的目录结构相似，只是图片文件夹的名称不一样：
html+css：

<div style="background-image: linear-gradient(to bottom, rgba(66,153,225, 0.7) 50%, rgba(255, 255, 255, 1) ), url(images/bg.jpg);background-repeat: no-repeat; background-position:center; background-size: cover;background-blend-mode: normal;">

jpress:

<div style="height: 400px; background-image: linear-gradient(to bottom, rgba(66,153,225, 0.7) 50%, rgba(255, 255, 255, 1) ), url(img/bg.jpg);background-repeat: no-repeat; background-position:center; background-size: cover;background-blend-mode: normal;">

你期待的结果是什么？实际看到的错误信息又是什么？

我想知道怎么正确引用图片。非常感谢！

Answer 1

因为jpress使用docker搭起来的，所以相对路径图片不显示可能和域名有关，目前使用图床得到URL可以显示。