Skip to main content

Custom Pages new

As Eleventy plugin, LFP Docs allows you to add arbitrary templates, templating logic, layouts, and pages to your site. LFP Docs is in no way limiting how you organize or visualize your content, if you are not using any of its templates or logical structure.

Here, a couple of examples are presented as a starting point to integrate custom pages with the look and feel of LFP Docs templates.

Error pages

The most prominent custom page you might want to add to your site is an error page that gets returned to the user when a requested resource is not available under the given URL.

A barebones error page might look something like this:

---
layout: lfp-base-bare
permalink: /404.html
title: "404: File Not Found"
---
<h1>Custom Pages</h1>

<p>The page you're looking for is nowhere to be found.</p>
404.html

Changelog page

You can create a dedicated page for a changelog, using a wealth of useful Eleventy features.

---
layout: lfp-base-bare
permalink: /changelog.html
title: "Changelog"
---
<h1>{{ title }}</h1>

{% for release, changes in releases -%}
<h2>{{ release.tag }}</h2>
<ul>
  {% for item in changes -%}
  <li>{{ item }}</li>
  {%- endfor %}
</ul>
{%- endfor %}
changelog.html

With releases defined as global data file:

{
    "1.1.0": [
        "new brilliant feature"
    ],
    "1.0.1": [
        "fixed obvious bug"
    ],
    "1.0.0": [
        "new major release!"
    ]
}
/_data/releases.json