如何创建 DRY HTML？答案

【问题标题】：How to create DRY HTML?如何创建 DRY HTML？
【发布时间】：2011-10-08 12:56:27
【问题描述】：

我有一个小型静态网站，该网站的每个页面都有一个菜单和页脚。

确保菜单和页脚中的更改只需在一个地方完成并让我能够轻松更新包含它们的所有页面的最佳方法是什么。

我正在寻找某种简单的模板系统，使我能够将文件组合在一起。

我对 ruby .erb 文件进行了一些研究，但它们对于我想要实现的目标来说似乎太复杂了，因为我必须安装 rails 并启用我的网络服务器才能使用它。

【问题讨论】：

您可以使用哪些技术？
我有一台 Debian 机器供我使用。所以我可以使用任何可以安装在那里的东西。
你可以试试Jade。完全基于客户端。

标签： html templates dry

【解决方案1】：

对于一个简单的站点，使用server side includes 没有任何问题。只需为您的菜单和页脚创建 HTML sn-ps（它们甚至不必是完整的 HTML）。然后在每个页面上，添加适当的

<!-- #include virtual="/footer.html" -->

声明在适当的位置。由于您使用的是 Debian 服务器，我很确定 Apache 已经默认启用了此功能。

这似乎过时了，但我妻子在一家对小型网站进行大量维护的公司工作，他们仍然采用这种方法并且效果很好。

如果您的网站超过 10 页，那么我会建议您研究一些模板系统，以减轻记住在您创建的每个新页面上添加 SSI 的需要。

【讨论】：

【解决方案2】：

您可以查看一些 Web Templating Systems 并根据您熟悉的语言/平台做出决定

【讨论】：

【解决方案3】：

我使用Octopress。它是一个建立在Jekyll 之上的静态站点生成器，它使用markdown 进行内容标记和特定的模板语言来构建页面。因此，如果您只需要一个只有几页的网站，您应该尝试使用 jekyll。

它需要您的系统具有 ruby，因为所有站点生成都在客户端完成，然后通过 rsync 部署站点。

【讨论】：

【解决方案4】：

尝试在互联网上搜索static site generator。它提供了各种语言的十几种解决方案：Python、Ruby、PHP、Haskell、Sh、Bash……

【讨论】：

【解决方案5】：

你需要在服务器端合并这些吗？

对于一个小型静态站点，我只是创建了一个小的本地脚本（我使用了 PowerShell，但您可以随意使用您想要或可以使用的任何东西），它从代表模板的本地源文件进行部署。虽然在模板方面可能不如成熟的模板引擎那么灵活，但它很容易、快速并且可以在很长一段时间内运行良好。此外，它在本地运行，除了服务器端的简单 Web 服务器之外不需要任何东西，从而减少了潜在的漏洞。

【讨论】：

我可以在服务器端组合它们，但我真的不必这样做。好吧，编写我自己的脚本似乎是要走的路。我只是希望已经有一些东西可以实现这一目标。

【解决方案6】：

多年来，我一直在 Debian 上使用 WML（“网站元语言”；注意 与 WML 与移动设备和 WAP 相关的 WML 没有任何关系！）以保持一致的模板化标头/我的 ISP 的静态页面托管页面的侧边栏/页脚样板。

【讨论】：