2016-08-20 66 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文件