Pugのextendsの使い方

Pugのextendsの使い方

Pugでextendsを使うと、テンプレートの継承ができます。
基本的な使い方は以下の通りです。

1. 親テンプレートの作成
親テンプレート(layout.pugなど)を作成し、共通のレイアウトや構造を定義します。

// layout.pug
doctype html
html
  head
    title My Website
  body
    block content

2. 子テンプレートの作成
子テンプレートでは、親テンプレートをextendsで指定し、blockで親テンプレートの特定の部分を上書きします。

// index.pug
extends layout

block content
  h1 Welcome to My Website
  p This is the home page.

この構造により、共通のレイアウトを持つ複数のページを簡単に作成できます。