在jinja2 temp上使用css样式表

Question

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

Answer 1

所有的公共文件（那些没有被处理的文件，比如模板或python文件）都应该放在专用的静态文件夹中。默认情况下，Jinja2有一个名为static的静态文件夹。

这将解决您的问题：

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

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

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

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

Answer 2

处理程序的顺序可能会导致以下问题：

url: /stylesheets static_dir: stylesheets
url: /.* script: helloworld.application

会起作用而不是

url: /.* script: helloworld.application
url: /stylesheets static_dir: stylesheets

Answer 3

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

href值必须在引号内。

确保文件名和路径正确 或者试试下面的

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