は、CSSのような共通のヘッダーとフッター、すべてのテンプレートのスクリプトなどを書くのではなく、共通ヘッダーとフッターを含む（

Question

）、どのように共通のヘッダーとフッターファイルでテンプレートを付けることができますか？

Answer 1

ヘッダーとフッターをhtmlテンプレートから拡張するには、 ヘッダーとフッターを同じファイルに入れ、コンテンツを追加する場所ごとにjinjaブロックを追加する必要があります。

次に、特定のページでは、{% extends "base.html" %}で始まり、ここでbaseはテンプレートであり、このページに固有の各ブロックを記述します。ここで

はその一例です：

{% extends "base.html" %} 
{% block title %}Index{% endblock %} 
{% block head %} 
    <style type="text/css"> 
     .important { color: #336699; } 
    </style> 
{% endblock %} 
{% block content %} 
    <h1>Index</h1> 
    <p class="important"> 
     Welcome to my awesome homepage. 
    </p> 
{% endblock %}