图片链接在css-django项目

时间:2017-10-24 13:02:03

标签: django python-3.x

我在我的网站上使用django(py3)。 我在图像方面遇到问题,即在Chrome浏览器中运行时,我看不到图像。 图像文件存储在

website>homepage>static>homepage>images>pic.jpg

我的图像的css文件代码是

header{
    background-image:url("./static/homepage/images/pic.jpg");
    [...] other styling
}

当我在浏览器中查看源代码时,单击了css链接。我无法在我的图片网址中看到蓝色链接。

我没有得到问题所在。 提前谢谢。

2 个答案:

答案 0 :(得分:0)

您可能需要运行collectstatic,请参阅此处:

https://docs.djangoproject.com/en/1.11/howto/static-files/

答案 1 :(得分:0)

你需要告诉django你在静坐文件中的位置是这样的:

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'homepage/static'),  # not sure if this is the location
]

然后当你想要获得图像时:

{% load static %}
backgrount-image: url("{% static 'homepage/images/pic.png'%}")