rypblog/templates/index.html

{% extends "base.html" %}

{% block title %}首页 - 个人博客{% endblock %}

{% block content %}
<div class="waterfall">
    {% if posts %}
        {% for post in posts %}
        <article class="card">
            {% if post.thumbnail %}
            <div class="card-image">
                <img src="{{ post.thumbnail }}" alt="{{ post.title }}" loading="lazy" />
            </div>
            {% endif %}
            <div class="card-body">
                <h2 class="card-title">
                    <a href="{{ url_for('view_post', post_id=post.id) }}">{{ post.title }}</a>
                </h2>
                <time class="card-date" datetime="{{ post.date }}">{{ post.date[:10] }}</time>
                <p class="card-summary">{{ post.summary }}</p>
                <a href="{{ url_for('view_post', post_id=post.id) }}" class="card-link">阅读全文 →</a>
            </div>
        </article>
        {% endfor %}
    {% else %}
        <div class="empty-state">
            <p>还没有文章，快去 <a href="{{ url_for('upload') }}">上传</a> 第一篇吧！</p>
        </div>
    {% endif %}
</div>
{% endblock %}