Как итерационно просматривать изображения моделей в производстве?

Наконец я развернул свой первый блог в heroku, но я застрял на обслуживании изображения каждого поста, так как в моем локальном коде итерация была с image.url из модели. Теперь у меня настроен whitenoise, но я не знаю, как получить статическое изображение, специфичное для каждого поста, из модели. Вот собственно мой код:

модель:

class BlogPost(models.Model):

class BlogPostObjects(models.Manager):
    def get_queryset(self):
        return super().get_queryset().filter(status='publicado')

options = (
    ('borrador', 'Borrador'),
    ('publicado', 'Publicado')
)
categoria = models.ForeignKey(BlogCategoria, on_delete=models.PROTECT,default=1)
titulo = models.CharField(max_length=250)
excerpt = models.TextField(null=True,max_length=200)
contenido = RichTextField()
slug = models.SlugField(max_length=250, unique_for_date='publicado',null=False, unique=True)
publicado = models.DateTimeField(default=timezone.now)
autor = models.ForeignKey(Usuario,on_delete=models.CASCADE,related_name="autor")
status = models.CharField(max_length=10,choices=options,default='borrador')
imagen = models.ImageField(default= "empty.jpg" ,null=True, blank = True)
likes = models.ManyToManyField(Usuario, related_name="blog_post")
objects = models.Manager()
postobjects = BlogPostObjects()

view:

class BlogInicio(ListView):
template_name = "Blog/blog_inicio.html"
model = BlogPost
context_object_name = "posts"
paginate_by = 6

Шаблон:

{% for post in posts %}
        <div class="col-md-4" >
            <div class="card-content">
                <div class="card-img">
                    {% if post.imagen %}
                    <img src="{{post.imagen.url}}"/>
                    {% else %}
                    <img src="https://archive.org/download/placeholder-image/placeholder-image.jpg" />
                    {% endif %}
                    <span><h4>{{post.autor}}</h4></span>
                    <span style= "margin-top:43%;"><h4>{{post.categoria}}</h4></span>
                </div>
                <div class="card-desc">
                    <h3>{{post.titulo}}</h3>
                    <p>{{post.excerpt|truncatechars:50}}</p>
                        <a href="{% url 'blog:post_detalle' post.pk %}" class="btn-card">Leer</a>  
                </div>
            </div>
        </div>
        {% endfor %}

я знаю, что в строке 6 из шаблона я могу сделать <img src="{% static 'images/image-name' %}">. но как можно установить каждое статическое изображение на соответствующее изображение модели?

Вернуться на верх