javascript - 我的 png 文件没有显示，我在 django 中的网站

Question

这是我的网站。我添加了 png 文件，但文件未显示。我用 django 构建了这个网站。我的图片 src = static/media/python.png 我的模板 = templates/page/index.html 我的 html 代码。

{% extends "layout.html" %}
{% block body %}

    <div class="row">
        <div class='col'>
        {{article.content|safe}}
        </div>
        <div id="index-2-col">
            <h3>Articles</h3><br>
            <div id="index-polaroid">
                <a href="{% url 'about'%}"><img id="article-image-1"  src="static/media/python.png" alt="Django Lesson 1"></a>
            </div>
            <div class="caption">
                Django Lesson-1
            </div>
            <br><br>
            <div id="index-polaroid">
                <a href="{% url 'about'%}"><img id="article-image-1"  src="static/media/python.png" alt="Django Lesson 1"></a>
            </div>
            <div class="caption">
                Django Lesson-1
            </div>
        </div>
    </div>

我的CSS代码

#article-image-1{
            
            max-width: 100%;
            height: auto;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            display: block;
            
        }

        #index-2-col{
            height: 100%;
            width: 150px;
        }

        #index-polaroid {
            width: 80%;
            background-color: rgb(0, 0, 0);
            box-shadow: 0 4px 8px 0 rgba(0, 129, 168, 0.445), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            margin-bottom: 15px;
          }

我应该怎么办？

标签： javascripthtmlcsspng