{% extends "base.html" %}
{% block title %}{{ metadata.title }} · {{ site.title }}{% endblock %}
{% block description %}{{ metadata.summary or site.description }}{% endblock %}
{% block metadata %}
{% if metadata.date %}<meta property="article:published_time" content="{{ metadata.date }}">{% endif %}
<meta name="blogger:draft" content="{{ 'true' if metadata.draft else 'false' }}">
{% endblock %}
{% block main %}
<div class="article-layout{% if not toc %} without-toc{% endif %}">
  {% if toc %}<aside class="toc-panel" aria-label="文章目录"><details open><summary>本页目录</summary>{{ toc }}</details></aside>{% endif %}
  <article id="post-content">
    <header class="article-header">
      <div class="article-meta">{% if metadata.date %}<time datetime="{{ metadata.date }}">{{ metadata.date[:10] }}</time>{% else %}<span>未注明日期</span>{% endif %}
        {% if metadata.draft %}<span class="draft-badge">未完成</span>{% endif %}
      </div>
      <h1>{{ metadata.title }}</h1>
      {% if metadata.summary %}<p class="article-summary">{{ metadata.summary }}</p>{% endif %}
      {% if metadata.draft %}<p class="draft-notice">这篇文章仍在编写中，内容会继续补充。</p>{% endif %}
    </header>
    <div class="article-content">{{ content }}</div>
    <div class="article-end"><span aria-hidden="true">◆</span><a href="{{ base }}archive.html">查看全部文章 →</a></div>
  </article>
</div>
{% endblock %}