將 ejs 或 header 和頁腳模板用於 static 托管與 github 頁面？

Question

我有大約 10 個 html 文檔，它們僅因一個 div 而不同。 有什么方法可以制作 header 和頁腳文檔，並將每個 html 文檔鏈接在一起？ 我過去使用過 EJS，所以我更喜歡使用它。 我正在使用 github 頁面來托管我的網站，所以我不能使用任何后端。

Answer 1

是的，這些在 EJS 中被稱為部分，您可以使用include function 插入它們：

<%- include('header') %>

<!-- Main content -->

<%- include('footer') %>

EJS 將在本地目錄中查找它們。 您在 Express 路由中傳遞給app.render的任何參數也將傳遞給 partials。

如果您需要在具有唯一數據的同一頁面上重復使用部分，您也可以將數據 object 傳遞給它們：

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