git clone https://github.com/krsnvijay/SOEN-6011 sestopia
cd sestopia
npm install
npx eleventy
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.md
shows how to add a content page.skills/
has the skills but really they can live in any directory. They need only theskill
tag to be added to this collection.- Add the
nav
tag to add a template to the top level site navigation. For example, this is in use onindex.njk
andabout/index.md
. - Content can be any template format (blog skills needn’t be markdown, for example). Configure your supported templates in
.eleventy.js
->templateFormats
. * Becausecss
andpng
are listed intemplateFormats
but are not supported template types, any files with these extensions will be copied without modification to the output (while keeping the same directory structure). - The blog skill 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 intobase.njk
)_includes/layouts/skill.njk
: the blog skill template (wrapped intobase.njk
)
_includes/skilllist.njk
is a Nunjucks include and is a reusable component used to display a list of all the skills.index.njk
has an example of how to use it.