A starter repository showing how to build a blog with the Eleventy static site generator.
These builders are amazing—try them out to get your own Eleventy site in a few clicks!
git clone https://github.com/11ty/eleventy-base-blog.git my-blog-name
Specifically have a look at
.eleventy.js to see if you want to configure any Eleventy options differently.
Or build and host locally for local development
npx eleventy --serve
Or build automatically when a template changes:
npx eleventy --watch
Or in debug mode:
DEBUG=* npx eleventy
about/index.mdshows how to add a content page.
posts/has the blog posts but really they can live in any directory. They need only the
posttag to be added to this collection.
navtag to add a template to the top level site navigation. For example, this is in use on
pngare listed in
templateFormatsbut are not supported template types, any files with these extensions will be copied without modification to the output (while keeping the same directory structure).
feed/feed.njk. This is also a good example of using a global data files in that it uses
_includes/layouts/base.njk: the top level HTML structure
_includes/layouts/home.njk: the home page template (wrapped into
_includes/layouts/post.njk: the blog post template (wrapped into
_includes/postlist.njkis a Nunjucks include and is a reusable component used to display a list of all the posts.
index.njkhas an example of how to use it.