index.md

layout	logoLink	ignoreGitHubButtons	ignoreSupporters	searchTitle	bigPossum
layouts/main.njk	/docs/	true	true	Eleventy Home	true

Quick Start

npm install -g @11ty/eleventy
echo '# Page header' > README.md
eleventy

This will compile any files matching valid template file extensions in the current directory into the output folder (defaults to _site).

Writing _site/README/index.html from ./README.md
Wrote 1 file in 0.10 seconds

Run eleventy --serve to start up a hot-reloading web server. Then open http://localhost:8080/README/ in your web browser of choice to see your Eleventy output.

➡ Keep going! Read a longer Getting Started guide or check out the full [Documentation for {% latestVersion versions, config %}]({{ "/docs/" | url }}).

Eleventy is supported by… #

{% include "supporters.njk" %}

Latest [News]({{ '/news/' | url }})

{%- set news = collections.news | reverse | first %} {%- if news %} [{{ news.data.newstitle }}]({{ news.data.page.url }}) ({{ news.date | newsDate }}) {%- endif %}

<a href="{{ "/docs/" | url }}" class="btn-primary btn-primary-why-are-you-doing-this benchnine rainbow-active rainbow-active-noanim">Documentation for Eleventy {% latestVersion versions, config %}Todd and Bruce said this button should be bigger and as you can see they were right

Used At

Built With Eleventy

{% for key, site in sites -%}{% if site.twitter and site.disabled != true and site.url and site.featured and site.superfeatured -%}{% avatarlocalcache "twitter", site.twitter %}{{ site.name | safe }}{% endif -%}{% endfor -%} {% for key, site in sites -%}{% if site.twitter and site.disabled != true and site.url and site.featured and not site.superfeatured -%}{% avatarlocalcache "twitter", site.twitter %}{{ site.name | safe }}{% endif -%}{% endfor -%} {% for key, site in sites | shuffle %}{% if site.twitter and site.disabled != true and not site.featured and not site.superfeatured and not site.hideOnHomepage -%}{% avatarlocalcache "twitter", site.twitter %}{{ site.name | safe }}{% endif -%}{% endfor %}

View the full list.

Don’t take my word for it {% emoji "🌈" %}

Listen to what these happy developers are saying about Eleventy:

{% include "testimonials.md" %}