Question

我的模板存在问题：未加载CSS文件。

我正确地将“style.css”放在“my_project / static /”中。

我只是尝试使用“style.css”的代码替换HTML文件的源代码中的<link rel=stylesheet ...>，并且它可以正常工作。

有什么问题？

<!doctype html>
<title>{% block title %}Welcome{% endblock %} | MiniTwit</title>
<link rel=stylesheet type=text/css href="{{  url_for('static', filename='style.css') }}">

<div class=page>
  <h1>MiniTwit</h1>
  <div class=navigation>
  {% if g.user %}
    <a href="{{ url_for('timeline') }}">my timeline</a> |
    <a href="{{ url_for('public_timeline') }}">public timeline</a> |
    <a href="{{ url_for('logout') }}">sign out [{{ g.user.username }}]</a>
  {% else %}
<a href="{{ url_for('public_timeline') }}">public timeline</a> |
<a href="{{ url_for('register') }}">sign up</a> |
<a href="{{ url_for('login') }}">sign in</a>
  {% endif %}
  </div>
  {% with flashes = get_flashed_messages() %}
    {% if flashes %}
      <ul class=flashes>
      {% for message in flashes %}
        <li>{{ message }}
      {% endfor %}
      </ul>
    {% endif %}
  {% endwith %}
  <div class=body>
  {% block body %}{% endblock %}
  </div>
  <div class=footer>
    MiniTwit &mdash; A Flask Application
  </div>
</div>

Answer 1

您应该在link标记中的属性值附加双引号，并将此标记放在head标记内：

<head>
<title>{% block title %}Welcome{% endblock %} | MiniTwit</title>
<link rel="stylesheet" type="text/css" href="{{  url_for('static', filename='style.css') }}">
</head>

并关闭html文件末尾的html标记。

Flask无法加载css文件

1 个答案: