如何在Django中为url()内的图片路径添加{% static %}标签？

嘿，刚接触Web开发遇到这种小问题很正常，我来给你捋清楚怎么弄！

你已经在模板顶部加了{% load static %}，这步很对～问题出在背景图片的url()引用上，你需要把图片的相对路径用Django的static标签包裹起来，替换掉原来直接写的路径。

修改后的HTML代码： #

<div class="hero-wrap js-fullheight" style="background-image: url('{% static 'images/bg_1.jpg' %}');" data-stellar-background-ratio="0.5">

关键点说明： #

• 把原来的'images/bg_1.jpg'替换成{% static 'images/bg_1.jpg' %}，并且要放在url()的单引号里面（因为外面的style属性用了双引号，内部用单引号避免引号冲突）。
• 确认你的项目静态文件结构：bg_1.jpg应该放在static/images目录下（也就是项目根目录的static文件夹里的images子文件夹）。
• 检查settings.py里的静态配置是否正确：

  STATIC_URL = '/static/'
  # 如果你的静态文件不在app的static目录下，需要添加STATICFILES_DIRS
  STATICFILES_DIRS = [
      BASE_DIR / "static",
  ]
  

这样Django就能正确生成静态图片的URL，页面加载时就能正常显示背景图啦～

内容的提问来源于stack exchange，提问作者iscream