posts.html

{% extends 'oierspace/blog/themes/pc/theme_argon/base.html' %}
{% block title %}文章 - {{ blog.name }}{% endblock %}
{% block content %}
{% for post in posts %}
<article class="post card bg-white shadow-sm border-0 post-preview">
    {% if post.configs.cover %}
    <header class="post-header text-center post-header-with-thumbnail">
        <img class="post-thumbnail lazyload lazyload-loaded" src="{{ post.configs.cover }}" alt="thumbnail" style="opacity: 0;">
        <div class="post-header-text-container">
            <a class="post-title" href="{% url 'blog_post' post.slug %}">{{ post.title }}</a>
            {% include 'oierspace/blog/themes/pc/theme_argon/component/post_meta.html' %}
        </div>
    </header>
    {% else %}
    <header class="post-header text-center">
        <a class="post-title" href="{% url 'blog_post' post.slug %}">{{ post.title }}</a>
        {% include 'oierspace/blog/themes/pc/theme_argon/component/post_meta.html' %}
    </header>
    {% endif %}
    <div class="post-content" style="text-align: center">{{ post.intro }}</div>
</article>
{% endfor %}
{% include 'oierspace/blog/themes/pc/theme_argon/component/pagination.html' %}
{% endblock %}