Pugで変数を使用する方法

Pugで変数を使用するには、Pugテンプレートの中で変数を定義し、それをテンプレート内で利用することができます。
以下にその方法を示します。

Pugでは、変数をテンプレート内で直接定義して使うことができます。
例えば、次のように記述します。

//- 変数を定義
- var title = 'こんにちは、世界！'

//- 変数を使用
html
  head
    title= title
  body
    h1= title
    p これはPugのサンプルです。

このコードでは、title という変数を定義し、html タグの title と h1 タグの内容にその変数を使用しています。
p タグ内のテキストは直接文字列として記述されています。

また、インラインで変数を定義し、そのまま使うこともできます。

html
  head
    title= 'サンプルページ'
  body
    h1= 'ようこそ、' + 'サンプルページ'
    p これはPugのサンプルです。

この例では、h1 タグ内で文字列を連結して変数のように扱っています。

Pugでは、このように変数を使ってテンプレートを動的に生成することができます。