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

Question

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

Answer 1

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

<%- include('header') %>
<!-- Main content -->
<%- include('footer') %>

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

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

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