A blog starter template with 11ty and Simple.css.
MIT License
A blog starter using 11ty and Simple.css. Based on eleventy-base-blog
git clone https://github.com/lkhrs/eleventy-simple.git my-blog-name
cd my-blog-name
Specifically have a look at .eleventy.js
to see if you want to configure any Eleventy options differently.
npm install
npx @11ty/eleventy
Or build and host locally for local development
npx @11ty/eleventy --serve
Or build automatically when a template changes:
npx @11ty/eleventy --watch
Or in debug mode:
DEBUG=* npx @11ty/eleventy
about/index.md
shows how to add a content page.posts/
has the blog posts but really they can live in any directory. They need only the post
tag to be added to this collection.eleventyNavigation
key in your front matter to add a template to the top level site navigation. For example, this is in use on index.njk
and about/index.md
..eleventy.js
-> templateFormats
.css
and img
directories in the input directory will be copied to the output folder (via addPassthroughCopy()
in the .eleventy.js
file).feed/feed.njk
. This is also a good example of using a global data files in that it uses _data/metadata.json
._includes/layouts/base.njk
: the top level HTML structure_includes/layouts/home.njk
: the home page template (wrapped into base.njk
)_includes/layouts/post.njk
: the blog post template (wrapped into base.njk
)_includes/postlist.njk
is a Nunjucks include and is a reusable component used to display a list of all the posts. index.njk
has an example of how to use it.