Node.js as specified in .nvmrc
npm install
npx @11ty/eleventy --serve
Use tags in the front matter to categorize your posts:
---
tags:
- News
---
To create an excerpt, use the --- excerpt separator in your post:
---
title: "Post title"
---
This excerpt is part of the post.
---
The post continues here.
To create an excerpt that is not part of the post, use the excerpt key in the front matter:
---
title: "Post title"
excerpt: "This excerpt is not part of the post."
---
The post starts here.
In order to keep the outline of a post semantic in terms of accessibility, no heading level should be omitted. In case a visually smaller heading is wanted you can use heading classes at the end of the line:
## Looks like heading 3 {.h3}
To reference footnotes, use pairs of ref * and #footnote-* tags:
Text with reference.{% ref 1 %}
The footnote. {#footnote-1}
Use a custom liquid tag to embed images with multiple resolutions (specify @2x version only). Optional attributes are alt, width, height, and className. The "xs", "sm", or "lg" sizing class can be used to adjust the width of the image.
{% image src: "/path/to/[email protected]" alt: "Description" className: "sm" %}
To wrap the image in a link, simply add a href attribute to the custom image tag:
{% image src: "/path/to/[email protected]" href: "/path/to/[email protected]" %}
Use a custom liquid tag to create figures with captions (specify @2x version for responsive images). You can use Markdown, Liquid, and HTML in the captions:
{% figure src: "/path/to/[email protected]" caption: "*Example*" %}
Push to GitHub and your changes are live.