11ty Tips

Cloning of 11tyTips site

Why not use 11tyTips as a boilerplate for your own new site?

Install a clone of 11tyTips site

11tyTips site has been designed to help those wanting to start with a static site generator such as Eleventy, without spending a lot of time to find the best architecture meeting their needs. All tips explained in its pages are exemplified by its source code: the dogfooding principle!

If you want to use it as a frame for your new site, visit the 11ty Frame site.

Comments

Home

→ Github

→ Twitter

→ RSS

All tips

...1 Site structure Site structure and directories
...2 Cloning 11tyTips site Start bloging with a clean site structure
...3 Source tree A bird's-eye view of the site
...4 Eleventy settings The main components of an Eleventy site build
...5 Global settings Global data for frequent use
...6 Styles guide Styles listing
...7 Names guide How variable identifiers are forged
...8 Front matter Accessing front matter data in Markdown and templates
...9 Shortcodes Processing Markdown content with shortcodes
..10 Minifying styles and script Generate minified CSS and JavaScript as inline blocks or files
..11 Using shorthands Use shorthand notation to simplify and clean your markdown
..12 Front matter post processing function A front matter function can be invoqued to modify the global or partial output of the template engine
..13 Processing before and after the template engine Add any kind of processing before and after your templating engine has done its work
..14 Variables scope and templates inheritance Take care of scope rules when using template inheritance
..15 Creating a menu A smart menu of posts is hard to create
..16 CSS mixins Filters ala SASS
..17 Light(ning) images How to slim overweight images