如何在Django2.0中用HTML/CSS添加背景图及路径问题排查

先直接给你梳理清楚核心问题和解决步骤：

一、关于静态资源的存放位置 #

Django 官方强烈建议用专门的static目录管理静态资源（图片、CSS、JS等），不推荐放在templates目录里——templates是用来放HTML模板的，和静态资源分开管理更清晰，也符合Django的设计规范。

静态资源有两种存放方式，你可以二选一：

• App专属资源：在你的app目录下创建static/[app名]目录，比如myapp/static/myapp/bitcoin.jpg。这种方式适合只在当前app里用到的资源。
• 全局共享资源：在项目根目录创建一个static目录，然后在settings.py里配置STATICFILES_DIRS，告诉Django去哪里找这些全局资源：

  # settings.py
  import os
  STATICFILES_DIRS = [
      os.path.join(BASE_DIR, 'static'),
  ]
  

  这种方式适合多个app都需要用到的公共资源。

二、必须用static标签吗？ #

不是强制，但非常推荐。static标签会自动结合你在settings.py里配置的STATIC_URL生成正确的资源路径，不管是开发环境还是部署到生产环境，都能避免路径错误。如果不用的话，你得硬写路径，部署时很容易出问题。

三、你的代码问题修正 #

看你写的代码，问题出在路径的斜杠上：

{% static "/bitcoin.jpg" %}

这里前面多了个斜杠，应该去掉，改成：

{% load static %}
<style>
    body {
        background-image: url('{% static "bitcoin.jpg" %}');
        /* 可选：添加背景图适配样式，避免拉伸变形 */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
</style>

如果你的图片是放在app的static/myapp/目录下，路径要写成{% static "myapp/bitcoin.jpg" %}。

四、排查验证步骤 #

1. 先确认settings.py的基础配置：
   • 确保INSTALLED_APPS里包含django.contrib.staticfiles（默认已经添加）
   • 确认STATIC_URL = '/static/'（默认配置）
2. 启动开发服务器后，直接访问http://localhost:8000/static/bitcoin.jpg（如果是app下的资源就访问http://localhost:8000/static/myapp/bitcoin.jpg）。如果能看到图片，说明路径配置没问题；如果404，检查图片是否放在正确的目录里。
3. 打开浏览器开发者工具（F12），查看网络请求里的图片路径，看是否是你预期的地址，再对应调整模板里的路径。

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