{% extends "base.html" %}

<!-- ============================================================
     pages/blog-detail.html — 博客详情页模板
     展示单篇文章的完整内容（已渲染的 HTML）。

     模板变量：
       - post: Post 包含 title, created_at, content_html 等
     ============================================================ -->

{% block title %}{{ post.title }} — {{ site_name }}{% endblock %}

{% block content %}
<article>
    <h1 class="post-detail-title">{{ post.title }}</h1>
    <div class="post-detail-meta">{{ post.created_at }}</div>
    <div class="post-content">
        {{ post.content_html | safe }}
    </div>
</article>

<p style="margin-top: 2rem;">
    <a href="/blog">&larr; 返回文章列表</a>
</p>
{% endblock %}