将 ejs 或 header 和页脚模板用于 static 托管与 github 页面？

Question

I have around 10 html documents that only differ due to one div. Is there any way to make a header and footer document, and link them together for each html document? I have used EJS in the past, so I would prefer using it. I am using github pages to host my site, so I cannot use any backend.

Answer 1

Yup, These are called partials in EJS, and you insert them with an include function:

<%- include('header') %>

<!-- Main content -->

<%- include('footer') %>

EJS will look for them in the local directory. Any parameters you passed into app.render in your Express route are passed down to partials too.

If you need to re-use partials on the same page with unique data, you can pass them a data object too:

<% msgs.forEach((msg) => { %>
    <%- include('msgPartial', { msg: msg }) %>
<% }) %>