python - 在 jinja2 模板上使用 CSS 样式表

Question

我正在使用 html、css、flask 和 jinja2 制作网站。

我有一个在 flask 服务器上工作的页面，显示了按钮和标签等，但我的 css 样式表没有加载。

如何将样式表链接到 jinja2 模板。我在互联网上四处寻找，但找不到方法。

这里是css样式表链接；我应该改变这个，还是python代码？

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

这是我的 flask 代码:

@app.route('/')
def resultstemplate():
    return render_template('questions.html', head='Welcome!')

这里是文件的位置:

/python-code.py /templates/template.html /templates/styles.css

Answer 1

所有公共(public)文件(未处理的文件，如模板或 python 文件)都应放置在专用的静态文件夹中。默认情况下，Jinja2 有一个名为 static 的静态文件夹。

这应该可以解决您的问题:

1. 将 /templates/styles.css 移动到 /static/styles.css

2. 使用以下代码更新您的代码，该代码将被翻译成正确的文件位置:

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

更多关于 Jinja2 中静态文件的信息是 here .