Plugins

Eta

Eta is a JavaScript template engine with a syntax very similar to EJS but with some differences. This format is disabled by default, so you have to enable it in the _config.js file:

import eta from "lume/plugins/eta.ts";

site.use(eta());

Creating layouts

Add a file with .eta extension in the _includes directory. Use the front matter to set data to the template.

---
title: Welcome to my page
intro: This is my first post using lume, I hope you like it!
---

<html>
  <head>
    <title><%= title %></title>
  </head>

  <body>
    <%~ includeFile("partials/nav.eta") %>

    <p><%= title %></p>
  </body>
</html>

Note that the paths passed to includeFile() function are always relative to _includes directory.

Creating pages

Creating pages is the same as creating layouts, just place the .eta file outside the _includes directory.