{# 继承基础模板 #}
{% extends 'share_layout/base.html' %}

{# 加载自定义的blog_tags模板标签库，用于调用库中定义的自定义模板标签 #}
{% load blog_tags %}
{% load cache %}
{% block header %}
     {# 条件判断：如果存在tag_name（通常用于标记特定页面场景，如错误页、标签页），则进入场景化标题配置 #}
    {% if tag_name %}
         {# 嵌套条件：根据statuscode（状态码）判断具体页面类型，设置对应的浏览器标签标题 #}
        {% if statuscode == '404' %}
            <title>404 NotFound</title>
        {% elif statuscode == '403' %}
            <title>Permission Denied</title>
        {% elif statuscode == '500' %}
            <title>500 Error</title>
        {% else %}
            {# 其他未明确的状态码场景，暂留空标题（可根据实际需求补充） #}
            <title></title>
        {% endif %}
        {% comment %}<meta name="description" content="{{ page_type }}:{{ tag_name }}"/>{% endcomment %}
    {% else %}
        <title>{{ SITE_NAME }} | {{ SITE_DESCRIPTION }}</title>
    {% endif %}
    {# 页面元数据：设置站点SEO专用描述，用于搜索引擎抓取时展示的页面简介，提升SEO效果 #}
    <meta name="description" content="{{ SITE_SEO_DESCRIPTION }}"/>
    <meta name="keywords" content="{{ SITE_KEYWORDS }}"/>
    <meta property="og:type" content="blog"/>
    <meta property="og:title" content="{{ SITE_NAME }}"/>
    <meta property="og:description" content="{{ SITE_DESCRIPTION }}"/>
    <meta property="og:url" content="{{ SITE_BASE_URL }}"/>
    <meta property="og:site_name" content="{{ SITE_NAME }}"/>
{% endblock %}

{# 定义页面主要内容（content）块，承载当前页面的核心展示信息（此处以错误提示为主） #}
{% block content %}
    {# 主要内容外层容器，通过id和class控制样式，确保与站点整体布局风格统一 #}
    <div id="primary" class="site-content">
        <div id="content" role="main">

            {# 页面头部容器（通常用于显示页面标题），此处适配错误页/提示页的标题展示 #}
            <header class="archive-header">
                {# 页面核心标题：显示动态传递的message变量（如“页面未找到”“权限不足”等错误提示文本） #}
                <h1 class="archive-title">{{ message }}</h1>
            </header><!-- .archive-header -->

        </div><!-- #content -->
    </div><!-- #primary -->

{% endblock %}

{# 定义页面侧边栏（sidebar）块，承载侧边栏组件 #}
{% block sidebar %}
    {# 调用blog_tags库中的load_sidebar自定义标签，渲染侧边栏内容 #}
    {% load_sidebar user 'i' %}
{% endblock %}


