Eleventyとは

Eleventyは、シンプルで高速な静的サイトジェネレーターです。Markdownで記事を書くだけで、美しいブログサイトを構築できます。

記事の書き方

フロントマター

記事ファイルの先頭には、以下のようなフロントマターを記述します：

---
date: 2026-01-16
layout: post.njk
tags: post
title: 記事のタイトル
description: 記事の説明文
---

見出しについて

記事タイトルは自動的に h1 タグで表示されるため、記事内では ## (h2) 以降を使用します。

マークダウンの基本

リスト

箇条書きは以下のように書けます：

• 項目1
• 項目2
• 項目3

コードブロック

コードは以下のように記述できます：

console.log('Hello, Eleventy!');

引用

これは引用文です。重要なポイントを強調する際に使用します。

画像の扱い

画像は src/assets/ に配置するか、Cloudinaryなどの外部サービスを利用することを推奨します。

Cloudinaryを使う場合は、URLに最適化パラメータを追加できます：

https://res.cloudinary.com/xxx/image/upload/w_400,f_auto,q_auto/v123/image.png

まとめ

Eleventyを使えば、簡単に美しいブログを作成できます。ぜひ活用してみてください！