我正在使用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
所有公共文件(未处理的文件,例如模板或python文件)应放置在专用的静态文件夹中。默认情况下,Jinja2有一个名为的静态文件夹static。
static
这应该可以解决你的问题:
移动/templates/styles.css到/static/styles.css
/templates/styles.css
/static/styles.css
使用以下代码更新你的代码,该代码将转换为正确的文件位置:
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
有关Jinja2中静态文件的更多信息