html - 如何将 css 文件添加到您的 Flask 应用程序？

Question

我有一个运行良好的烧瓶应用程序，但我想添加自己的 css 文件以使其更加自定义。

这是我的项目结构

my_app
    -app.py
    static/
          -style.css
    templates/
           -index.html

这是我的 index.html：

{% extends "bootstrap/base.html" %}
{% block html_attribs %} lang="en"{% endblock %}

{% block title %} My_APP {% endblock %}

{% block styles %}
{{super()}}
<link rel="stylesheet"  type="text/css" href="{{url_for('static', filename='style.css')}}">
{% endblock %}

{% block navbar %}
<div class="navbar navbar-expand-lg navbar-dark bg-dark" style="background-color:DodgerBlue" role="navigation" >
    <div class="containter">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle"
             data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle Navigation</span>
                <span class="icon-bar">Toggle Navigation</span>
                <span class="icon-bar">Toggle Navigation</span>
                <span class="icon-bar">Toggle Navigation</span>
            </button>
            <a class="navbar-brand" href="{{ url_for('home_page')  }}">ISE App</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="{{ url_for('home_page')  }}"> Home </a></li>
                <li><a href="{{ url_for('add_mac') }}"> Add </a></li>
                <li><a href="{{ url_for('upload_mac')  }}"> Bulk Load </a></li>
                <li><a href="{{ url_for('delete_mac') }}"> Delete </a></li>
                <li><a href="{{ url_for('bulk_remove') }}"> Bulk Remove </a></li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}


{% block content %}
<div class="containter">
    <h3 id="testing">Hi how are you!!</h3>
    {% block page_content %}<h3 id="testing1">Hi how are you!!</h3>{% endblock %}
</div>
{% endblock %}

这是我的名为 style.css 的 css 文件

#testing {color:blue;}
#testing1 {color:red;}


div.containter{background-color:red}

这是我的页面输出：

如您所见，两个 h3 标签不是蓝色或红色，容器背景颜色也不是红色。

以下是我的项目的结构：

关于为什么我的 index.html 没有引用我的样式表的任何想法？我是烧瓶的新手，所以任何想法或建议都会受到高度赞赏。

Answer 1

尝试：

{% block styles %}
{{super()}}
    <link rel="stylesheet"  type="text/css" href="{{url_for('.static', filename='style.css')}}">
{% endblock %}