eleventy-base-blog

A very minimal developer blog theme using Eleventy (11ty).

Demo

• Netlify

Deploy this to your own site

Read more about Deploying an Eleventy project.

Getting Started

1. Clone this Repository

git clone https://github.com/Ramkarthik/minimal-developer.git my-blog-name

2. Navigate to the directory

cd my-blog-name

Go over metadata.json to configure the different options for your website.

Have a look at .eleventy.js to see if you want to configure any Eleventy options differently.

3. Install dependencies

npm install

4. Edit _data/metadata.json

5. Run Eleventy

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

Implementation Notes

• 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.
• Content can be any template format (blog posts needn’t be markdown, for example). Configure your supported templates in .eleventy.js -> templateFormats.
• The css, js, and img directories in the input directory will be copied to the output folder (via addPassthroughCopy() in the .eleventy.js file).
• The blog post feed template is in feed/feed.njk. This is also a good example of using a global data files in that it uses _data/metadata.json.
• This example uses three layouts:
  • _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.