在jinja2模板上使用CSS样式表

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用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

回答：

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

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

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

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

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

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

以上是 在jinja2模板上使用CSS样式表 的全部内容， 来源链接： utcz.com/qa/435882.html

回到顶部