はじめに

Eleventyは、MarkdownやHTMLなどのファイルからウェブサイトを組み立てる静的サイトジェネレーターです。記事を書くたびにHTMLを手で複製する必要はありません。本文をMarkdownに置き、共通の見た目をテンプレートに任せ、ビルドしたHTMLを公開します。公開先にNode.jsを置く必要はありません。

このサイトは非公式の日本語ガイドです。公式文書の逐語訳ではなく、手元で試せる例を使って仕組みを説明します。仕様を確認するときは公式ドキュメントも参照してください。

EleventyとBuild Awesomeは同じ流れにある

公式の発表によると、EleventyはBuild Awesomeに改称されます。別の製品へ乗り換える話ではありません。ただし、名前が変わったからといって、開発中のv4の操作を現在の安定版v3へそのまま当てはめないでください。

このガイドのコード例は、特記がなければEleventy 3.1.6を対象にしています（確認日：2026年10月）。Build Awesome v4の文書はプレリリースの内容として読み分けます。試す場合の注意点はBuild Awesome v4を試す前ににまとめました。v4のパッケージ名や画面は正式リリースまでに変わる可能性があります。

まず何を読む？

• 環境を整えるなら環境構築。Node.js/npmとBunを両方載せています。
• 用語を調べるなら基本概念、書き方はテンプレートとデータとコンテンツ。
• 記事を公開するところまで進めるなら実践・公開。

このサイト自身もEleventyでビルドしています。ソースコードを見れば、Markdownの原稿とHTMLの出力がどうつながるか追えます。誤りを見つけたらIssuesで知らせてください。