如何一次将相同的更改应用于多个页面？答案

【问题标题】：How to apply the same change to multiple pages at once?如何一次将相同的更改应用于多个页面？
【发布时间】：2020-07-05 15:41:35
【问题描述】：

我知道这个问题不是更多基于编码的。但这实际上会导致很多问题。

我有一个有 10 页的网站。每个页面都有相同的导航。现在，如果我想稍微更改导航以包含汉堡菜单，我将不得不在每一页中一一进行此更改。有什么方法可以同时对所有页面进行这种通用更改？

我在 SO 上浏览过这个，但 similar question 的答案要求使用 PHP 或 WordPress。除了它们，还有什么方法或工具可以满足我的要求吗？

【问题讨论】：

您尝试过什么来实现这一目标？ Stack-over flow 不是免费的编码服务，您需要为我们提供您的努力来实现这一目标，或者您遇到了什么困难？请自行研究或提供您工作的minimal example。阅读这里如何询问GOOD question
如果更改很小，您可以通过 css 来完成（如果所有 html 文件中都包含相同的样式表文件）但在这种情况下 - 汉堡包是菜单 - 我怀疑您只能通过 css 来完成- 应该有一些 html mods - 或 JS（如果你确定包含它）
@AlwaysHelping 感谢您的回复。我不是在问你如何制作菜单。我想知道如何将 HTML 中的相同更改应用于不同的页面。至于我做了什么，在发布这个问题之前，我已经在网上浏览了可能的工具。

标签： html

【解决方案1】：

对于 HTML，我认为尚不支持这种动态功能。

但是，如果您想对网站的某个部分进行更改，并看到它适用于您网站上具有相同部分的所有其他页面，则有框架、库甚至模板引擎支持此类更改。

您可能需要将 HTML 与这些工具一起使用，或者仅使用它们来替换 HTML。例如，在使用 Node 和 Express 构建网站时，您可以使用大量模板引擎，这些引擎可以与 HTML 一起使用，以使您的网站动态化。我建议您尝试以下方法之一：pug、ejs、车把。我相信你可以通过其中一个来达到那种水平的活力。

您还可以决定使用前端库或框架，例如 react、vue 和 Angular。这些技术工具使您能够一次创建网站的一部分（称为组件），然后在任意数量的页面上重复使用它。每当您对该组件进行更改时，它都会在其插入的每个其他页面上自动进行自我调整。

【讨论】：