使用 ejs 或页眉和页脚模板进行 github 页面的静态托管？

【问题标题】：Use ejs or header and footer templates for static hosting with github pages?使用 ejs 或页眉和页脚模板进行 github 页面的静态托管？
【发布时间】：2020-11-20 17:04:59
【问题描述】：

我有大约 10 个 html 文档，它们仅因一个 div 而不同。有没有办法制作页眉和页脚文档，并将每个 html 文档链接在一起？我过去使用过 EJS，所以我更喜欢使用它。我正在使用 github 页面来托管我的网站，所以我不能使用任何后端。

【问题讨论】：

标签： javascript html hosting ejs

【解决方案1】：

是的！这些在 EJS 中称为部分，您可以使用 include 函数插入它们：

<%- include('header') %>

<!-- Main content -->

<%- include('footer') %>

EJS 将在本地目录中查找它们。您在 Express 路由中传递给 app.render 的任何参数也会传递给部分参数。

如果您需要在具有唯一数据的同一页面上重复使用部分，您也可以将数据对象传递给它们：

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

【讨论】：

我是否需要为此包含后端并创建和安装 node_modules？如果我使用 github 页面，我将无法使用后端。
您显然可以在 <script> 标记中运行 EJS，因此不需要后端！以this question 为起点。