2016-08-20 42 views
0

我在尝试将Flask(和Flask-Bootstrap一起)仅生成一个头元素到我的HTML文档时遇到了问题。我现在遇到的问题是头部元素是正确的,但是Flask也将它放入身体的起始位置。烧瓶正在渲染我的html文档的头部两次

/personal_website/app/templates/index.html:

{% extends "bootstrap/base.html" %} 
#! I have not changed bootstrap/base.html 

{% block head %} 
    {{super()}} 
    {% block title %}My_Name | Home{% endblock title %} 
    {% block styles %} 
    {{super()}} 
    <link href="{{url_for('static',filename='stylesheets/style.css')}}" 
      rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css?family=Roboto" 
      rel="stylesheet"> 
    {% endblock styles %} 
{% endblock head %} 

控制台输出:

<head> 

    <title>My_Name | Home</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <!-- Bootstrap --> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="/static/stylesheets/style.css" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 

    </head> 
    <body> 
    My_Name | Home 


    <!-- Bootstrap --> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="/static/stylesheets/style.css" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 

回答

0

我认为你需要删除这一行(可能是两次) :

{{super()}} 
0

实际上,我可以通过将标题中的内容(例如标题和样式)从块头中取出来更正此问题。

/personal_website/app/templates/index.html:

{% extends "bootstrap/base.html" %} 

{% block title %}My_Name | Home{% endblock %} 

{% block styles %} 
    {{super()}} 
    <link href="{{url_for('static',filename='stylesheets/style.css')}}" 
     rel="stylesheet"> 
{% endblock styles %} 

{% block head %} 
    {{ super() }} 
{% endblock %} 

这仍然alowed我从引导继承头部的内容/ base.html文件