首页 > 解决方案 > css 文件不会加载到我的 html 网页应用程序中

问题描述

出于某种原因,我似乎无法将我的 css 文件加载到我的烧瓶网站上,我尝试了很多方法,但由于某种原因它不起作用。这是左侧目录中的所有文件。

主文件 在此处输入图像描述

from flask import  Flask, render_template

app = Flask(__name__)
app.config['SESSION_COOKIE_SECURE'] = False
@app.route("/home")
@app.route("/")
def home():
    return render_template("home.html")

if __name__ == "__main__":
    app.run(debug=True)

base.html 在此处输入图像描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {% endblock %}</title>
    {{super()}}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css')}}" />
</head>
<body>
    {% block content %}
    {% endblock %}

</body>
</html>

主页.html 在此处输入图像描述

{% extends 'base.html'%}
{% block title %}
Home Page
{% endblock %}
{% block content %}
<h1>Home Page</h1>
{% endblock %}

样式.html 在此处输入图像描述

body {background-color:000000;}

请注意,“main.py”不在“venv”文件夹中,而是“venv”的同级文件夹,因为它可能看起来具有误导性

标签: pythonhtmlcssflaskpycharm

解决方案


推荐阅读