2016-08-20 2 views
0

Flask를 (Flask-Bootstrap과 함께) 가져 와서 HTML 요소에 하나의 head 요소 만 생성하려고하는데 문제가 있습니다. 내가 지금 가지고있는 문제는 헤드 요소가 정확하다는 것이다. 그러나 플라스크는 그것을 몸의 시작 부분에 떨어 뜨린다.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이 여전히 부트 스트랩에서/base.html

을 머리의 내용을 상속 나를 alowed

{% 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 %} 

관련 문제