一尘不染

在jinja2模板上使用CSS样式表

flask

我正在使用html,css,flask和jinja2创建网站。

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

我如何将样式表链接到jinja2模板。我在互联网上四处张望,但找不到答案。

这是css样式表链接;我应该更改此代码还是python代码?

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

这是我的烧瓶代码:

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

这是文件的位置:

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

阅读 2179

收藏
2020-04-06

共1个答案

一尘不染

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

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

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

  2. 使用以下代码更新你的代码,该代码将转换为正确的文件位置:

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

有关Jinja2中静态文件的更多信息

2020-04-06