category.html

{% extends 'oierspace/blog/themes/pc/theme_argon/base.html' %}
{% block title %}分类 {{ category.title }} - {{ blog.name }}{% endblock %}
{% block info %}
<div class="page-information-card card bg-gradient-secondary shadow-lg border-0">
    <div class="card-body">
        <h3 class="text-black">
            分类：{{ category.title }}
        </h3>
        <p class="text-black mt-3 mb-0 opacity-8">{{ category.intro }}</p>
        <p class="text-black mt-3 mb-0 opacity-8">
            <i class="fas fa-file"></i>
            {{ num_posts }} 篇文章
        </p>
    </div>
</div>
{% 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 %}