・・・なんだかごちゃごちゃしてますが、用意するファイルはこんな感じです。_inc_footer.pugパーツを用意パーツを分けておきます。Pugはincludeで別のpugやhtmlを読み込むことができるので、いろいろと使いまわすことができるのです。_inc_head.pugheadタグ内のパーツです。pageというオブジェクトから値を受け取ってセットしています。keyやcss_path、domainも変数です。href=css_path+"/style.css")script(src="https://code.jquery.com/jquery-1.11.2.min.js")_inc_header.pug次にheaderタグのパーツです。pages、image_pathも変数です。alt=pages.top.name)_inc_nav.pug次にnavタグのパーツです。content_d_stateも変数で、状況に応じて出力するタグの内容が変わったりすることもテンプレートに埋め込んでおけます。Soon...")_inc_nav.pug次にfooterタグのパーツです。js_pathも変数です。src=js_path+"/js/functions.js")設定ファイルを用意titleやページのurlなど、変更があったときにファイルが分かれていると不便ですよね。そんなときのために、変数をまとめてあります。}レイアウトファイルを用意レイアウトっていうと分かりにくいかもしれませんが、パーツを組み合わせる骨組みみたいなものです。いう新しい言葉が出てきます。いう名前を付けておいて、あとで読み込む事ができます。_inc_footer.pug実際にHTMLにするファイルを用意extendでレイアウトファイルを継承してます。継承後にblockでレイアウト側に送るイメージです。alt="")gulpで実行package.jsonから必要なものをインストールします。見慣れないものが混じっているかもしれませんが、入れましょう。}}上記のファイルを用意したらコマンドでインストールです。install次にgulpを実行するための設定をします。'watch']);あとはコマンドで実行です。cssとかはないので、崩れているとは思いますが。お気づきかもしれませんが、コンパイルに失敗すると、パグが失敗したことを通知で教えてくれます。upLoginユーザーは見つかりませんでした。