{% extends "bottom.html" %}
{% load static %}

{#文章详情#}
{% block stylesheethref %}
        <link rel="stylesheet" href="{% static 'archives.css' %}">
{% endblock %}
{% block content %}
<div class="article-detail-container">
    <article class="article-detail">
        <!-- 文章头部信息 -->
        <div class="article-header">
            <h1 class="article-title">{{ title }}</h1>
            <div class="article-meta">
                <span class="author">
                    <i class="fas fa-user"></i>
                    {{ author }}
                </span>
                <span class="date">
                    <i class="fas fa-calendar-alt"></i>
                    {{ created|date:"Y-m-d" }}
                </span>
                <span class="category">
                    <i class="fas fa-folder"></i>
                    {{ article.category }}
                    分类
                </span>
                <span class="views">
                    <i class="fas fa-eye"></i>
                    {{ read }} 浏览
                </span>
            </div>
        </div>
        <div class="article-cover">
            <img src="http://iph.href.lu/200x150?text=封面功能,正在开发中" alt="{{ title }}封面图">
        </div>

        <!-- 文章内容 -->
        <div class="article-content">
            {{ content|safe }}
        </div>
    </article>
</div>
{% endblock %}