Question

我正在尝试使用Flask创建网站，但是当我的HTML文件运行时，我的CSS文件却无法运行。我尝试刷新缓存并使用其他人在类似问题上发布的不同代码行，但没有任何帮助。

这是我当前的项目层次结构：

This is my current project hierarchy

我的HTML文件头中有以下代码行。

<link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}">

我也是从另一个堆栈溢出问题中获得此代码的，所以我也很困惑自己在做什么错。

Application not picking up .css file (flask/python)

谢谢！

Answer 1

我无法通过以下玩具示例重复您的问题：

#!venv/bin/python
from flask import Flask
from flask import render_template

app = Flask(__name__)

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

if __name__ == '__main__':
    app.run(host='0.0.0.0', debug=True)

我的目录布局是

├── app.py
├── static
│   └── css
│       └── mainpage.css
├── templates
│   └── index.html
└── venv

index.html的内容：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}">
<title>Page Title</title>
</head>
<body>

<h1>Page Heading</h1>
<p>A paragraph.</p>

</body>
</html>

mainpage.css的内容：

body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}

Answer 2

尝试在开头部分添加以下代码

<link rel="stylesheet" type="text/css" href="/static/css/mainpage.css">

为什么我的Flask网站没有运行CSS文件？

2 个答案: