Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: “This HTML is now on every page using the base.html layout.”

A block of code is set as follows:

 {% if title or bannerContent %}
  <section class="banner">
    {% if title %}<h1>{{ title }}</h1>{% endif %}
    {% if bannerContent %}<p>{{ bannerContent }}</p>{% endif %}
  </section>
{% endif %}

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

    return {
        dir: {
            input: "src",
            output: "_site", // This is the default, but it's included here for clarity.
            includes: "_templates"
        }
    }

Any command-line input or output is written as follows:

npm install @11ty/eleventy@v2

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “For this demo, we’ll use Rich Text to get additional options in our API.”

Tips or important notes

Appear like this.