{# 引入base #}
{% extends 'blog/extension/base.html' %}

{# 引入标题 #}
{% block title %}文章列表{% endblock %}

{% include 'blog/include/head.html' %}  

{# 随机变换图床api #}
    {% set wallpaper_apis =[
        'https://www.loliapi.com/acg/pc/', 
        'https://api.sretna.cn/api/pc.php', 
        'https://www.api.plus/API/dongman/', 
        'https://moe.jitsu.top/img/?sort=pc', 
        'https://www.dmoe.cc/random.php', 
        'https://api.r10086.com/樱道随机图片api接口.php?图片系列=猫娘1', 
        'https://api.mtyqx.cn/tapi/random.php'] %}
    {% set wallpaper = wallpaper_apis | random %}

{% block content %} 
    {% include 'blog/include/navbar.html' %}  
        <center><b><h2>全部文章</h2></b></center>
        文章如下↓
        <br>
        <br>
        <div style="overflow: auto; height: 460px; width: 900px;">
            {% for posts in posts %}
                <br>
                文章id:{{ posts['id'] }}
                <br>
                文章标题:{{ posts['title'] }}
                <br>
                <a href="{{ url_for('blog.posts_list') }}{{ posts['id'] }}">页面跳转</a>__{{ posts['date'].replace('.', '-') }}
                <br>
            {% endfor %}
        </div>
    <style>
        #content{
            /* background-image: url('{{ wallpaper }}'); */
            background-size: cover;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin: 0;
        }

        .div123content {
            background-color: blue;
            width: auto;
            height: 300px;
            overflow: auto;
        }
    </style>
{% endblock %}