为什么我的Flask应用程序不会连接到我的CSS文件?

A. *_*ord 4 html css python flask twitter-bootstrap

这是我的项目层次结构:

项目

在此输入图像描述

这是我的HTML文件:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='custom.css') }}"/>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我的.py烧瓶文件:

from flask import Flask, render_template, redirect, json, url_for, request, abort
from pymongo import MongoClient

client = MongoClient()
db = client.web_zoo

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('home.html')

if __name__ == "__main__":
    app.run(debug=True)
Run Code Online (Sandbox Code Playgroud)

我的CSS文件:

body {
    color: green;
}
h1 {
    color: orange;
}
Run Code Online (Sandbox Code Playgroud)

HTML和.py文件工作正常,HTML呈现并显示在页面上.然而,CSS不会改变.它只是以普通的黑色文字显示.

注意:所有这些导入都在那里,因为我正在做其他事情.我剥夺了其他一切,仍然有这个问题.

我可以链接bootstrap到它,CSS工作,但不是我自己的CSS文件.

我查看并尝试了以下解决方案:

Flask Web App的CSS问题

应用程序没有拿起.css文件(flask/python)

覆盖bootstrap css的最佳方法

它可能很明显,但我被卡住了.有帮助吗?提前致谢!

编辑 - 我现在添加了项目层次结构的图片,而不仅仅是列表.正如您所看到的那样,还有一些其他HTML文件,但没有使用也没有引用.

M3R*_*3RS 15

尝试使用Chrome中的CTRL+ SHIFT+ R(或CMD+ SHIFT+ R)来重新加载CSS.

否则,请右键单击Chrome中的页面,选择"检查",然后选择"控制台"选项卡以查看您获得的错误.