Unofficial community guide
Eleventy / Build Awesome
日本語ガイド
HTMLとMarkdownから、軽くて長く使えるウェブサイトを作るための日本語リファレンスです。
非公式ガイドです。本文はEleventy 3.1.6を基準にしています。Build Awesome v4はプレリリースとして別ページに分けています。
ガイド
- はじめに
Eleventyの役割と、このガイドで使うバージョンを確認します。
- 環境構築
Node.js/npm、Bun、Gitを用意し、同じサイトを動かします。
- 基本概念
原稿からHTMLができるまでの用語を整理します。
- テンプレート
MarkdownとNunjucksの使い分け、WebCの導入を説明します。
- データとコンテンツ
Markdownの原稿、フロントマター、記事一覧のつながりを見ます。
- 設定と拡張
入出力先、CSSのコピー、プラグイン、言語設定を見ます。
- 実践・公開
Markdownの編集からプレビュー、ビルド、公開までを通します。
- 移行とトラブルシュート
改称とバージョンの違い、よくある失敗を見分けます。
このガイドの実践方針
CMSを使わず、Markdownで記事を編集し、ローカルでプレビュー・ビルドして公開する流れを扱います。Cloudflare PagesとXServerなどのレンタルサーバーへの配置方法を、手順を分けて説明します。
記事本文は人が書き、AIはサイトの構築・修正や校正の補助として使う想定です。公開前に内容・リンク・差分を人が確認します。