title: Django won't serve an image from MEDIA_URL
body: <p>A beginner building a personal blog. Got a simple model with an ImageField. No matter what I try the Django won't serve an image. </p>
  
  <p>Judging by the console output in the Dev Tools it is looking for an image in the wrong folder. I don't know how to fix that. I tried setting up MEDIA_URL, MEDIA_ROOT and adding a urlpattern like it's being suggest <a href="https://stackoverflow.com/questions/34563454/django-imagefield-upload-to-path/34563512">here</a> and <a href="https://stackoverflow.com/questions/52452687/django-imagefield-will-not-display-on-webpage/52452722">here</a></p>
  
  <p>I have uploaded the picture via admin panel, its location is media/images/stockmarket.jpg. But for some reason the server is looking for an image here /blog/images/stockmarket.jpg</p>
  
  <p>Project name: 'wikb', 'blog' is an App:
  <a href="https://i.stack.imgur.com/Nmx1n.png" rel="nofollow noreferrer">project_file_system</a></p>
  
  <p>models.py</p>
  
  <pre class="lang-py prettyprint-override"><code>from django.db import models
  
  class Post(models.Model):
      title = models.CharField('Post Title', max_length=200)
      preview = models.CharField('Post Preview', max_length=400)
      thumbnail = models.ImageField('Post Picture', upload_to='images/', blank=True)
  </code></pre>
  
  <p>view.py</p>
  
  <pre class="lang-py prettyprint-override"><code>from django.shortcuts import render
  from django.http import HttpResponse
  
  from .models import Post
  
  def home(request):
      all_posts = Post.objects.all()
      hero_post = all_posts[0]
      context = {'hero_post': hero_post, 'all_posts': all_posts}
      return render(request, 'blog/home.html', context=context)
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="hero"&gt;
      &lt;a href="#" class="hero__link" style="background-image: url({{hero_post.thumbnail}})"&gt;
          &lt;article class="hero__article"&gt;
              &lt;h2 class="hero__heading"&gt;{{hero_post.title}}&lt;/h2&gt;
              &lt;p class="hero__preview"&gt;{{hero_post.preview}}&lt;/p&gt;
          &lt;/article&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>settings.py</p>
  
  <pre><code>MEDIA_ROOT = os.path.join(BASE_DIR, "media")
  MEDIA_URL = "/media/"
  </code></pre>
  
  <p>Global urls.py</p>
  
  <pre><code>from django.contrib import admin
  from django.urls import path, include
  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      path('blog/', include('blog.urls')),
      path('admin/', admin.site.urls),
  ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  </code></pre>
  
  <p>It's my first Django project, please explain like I'm 5.</p>
  
  <p><strong>Update</strong>: I forgot to add .url when I referenced an object in templates.</p>