Как отображать изображения в шаблонах при использовании django wagtail

У меня есть следующие коды:

models.py

class BlogImagePage(Page):
    feature_image = models.ForeignKey('wagtailimages.Image', on_delete=models.SET_NULL, related_name='+', null=True)
    body  = RichTextField(blank=True)
    excerpt = models.TextField(blank=True)
    thumbnail_image = models.ForeignKey('wagtailimages.Image', on_delete=models.SET_NULL, related_name='+', null=True)

    content_panels = [
        FieldPanel('title'),
        FieldPanel('body', classname='full'),
        FieldPanel('excerpt'),
        ImageChooserPanel('feature_image'),
        ImageChooserPanel('thumbnail_image'),
    ]

class BlogPageIndex(Page):
    content_panels = [
        FieldPanel("title"),
    ]

class HomePage(Page):
    body = RichTextField(blank=True)

    content_panels = Page.content_panels + [
        FieldPanel('body', classname="full"),
    ]

используя wagtail admin я могу создать экземпляр таблицы BlogImagePage.

Теперь я пытаюсь отобразить поле изображения на BlogPageIndex странице:

blog_page_index.html

{% extends "base.html" %}

{% load wagtailcore_tags %}

{% block body_class %}template-blogindexpage{% endblock %}

{% block content %}
    <h1>{{ page.title }}</h1>

    <div class="intro">{{ page.intro|richtext }}</div>

    {% for post in page.get_children %}
        <h2><a href="{% pageurl post %}">{{ post.title }}</a></h2>

        {{ post.specific.body|richtext }}

    {% endfor %}

{% endblock %}

Он действительно отображает экземпляр с заголовком, но, к сожалению, я не могу отобразить сохраненное изображение на странице выше

или детальную страницу экземпляра BlogImagePage, которая имеет код ниже

blog_image_page.html

{% extends "base.html" %}

{% load wagtailcore_tags %}

{% block body_class %}template-blogindexpage{% endblock %}

{% block content %}
    <h1>{{ page.title }}</h1>

    <div class="intro">{{ page.intro|richtext }}</div>

    {% for post in page.get_children %}
        <h2><a href="{% pageurl post %}">{{ post.title }}</a></h2>

        {{ post.specific.body|richtext }}

        {{ post.feature_image }}  <==== I have tried this line but it does not seem to display anything

        {{ image post.feature_image }}.    <==== Also tried this
    {% endfor %}

{% endblock %}

Есть ли что-то, что я упускаю, как отобразить изображение в wagtail?

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