在jinja2模板上使用css样式表

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

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

如何将样式表链接到jinja2模板。我在网上到处找了找,但找不到是怎么回事

这里是css样式表链接;我应该更改这个,还是更改python代码

<link rel=“stylesheet”type=“text/css”href=”https://stackoverflow.com/questions/25034812/styles.css“&gt

这是我的代码:

@app.route(“/”)
def resultstemplate():
返回呈现模板('questions.html',head='Welcome!')

以下是文件的位置:

/python-code.py
/templates/template.html
/模板/样式.css

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

这将解决您的问题:

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

  2. 使用以下代码更新您的代码,这些代码将被转换为正确的文件位置:

    <link rel=“样式表”href=”https://stackoverflow.com/questions/25034812/{{url_for('static',filename='styles.css')}}}>
    

更多关于Jinja2中静态文件的信息在这里

发表评论