是否可以创建一个导航栏，在结构发生变化时更新所有页面？

Question

如果我没有表达清楚，我很抱歉。我刚刚编写了一个产品评论网站。我在每个页面的标题中都有导航栏代码，当然我将其从一个页面粘贴到另一个页面。

但是，我可能需要不时添加文章或评论页面，并更改菜单，并且想找到一种方法来仅更改一个页面上的导航栏代码并将更改级联到所有其他页面，如果可以的话。

例如，现在，如果我想添加一篇有关某个工具的文章，我必须更改主页上的链接，然后在所有其他页面上替换相同的代码以反映该更改。

有什么方法可以实现我正在寻找的自动更新吗？

谢谢。

Answer 1

在我看来你想使用模板。这样您就可以在模板中编写导航栏的代码并将其插入每个页面中。这样，您只需更改一个位置上的代码，并将其应用于包含模板的每个页面。

如何实现模板来执行您所描述的操作将根据您使用的框架而有所不同。

使用的两个常见框架是 Node.js 和 PHP。

关于如何在 Node.js 中使用模板（称为分部）的一个很好的答案可以在这里找到，而 PHP 示例可以在这里找到。

Answer 2

也许某种内容管理系统（例如 WordPress）将是您更好的选择。他们根据设置的规则生成页面内容。如果您想自己制作和维护网站，请提供有关您使用的技术的更多详细信息。

Answer 3

如果您也使用 JavaScript，您可以将导航栏设为变量并使用

document.getElementById("ID Here").innerHTML

更新您的 html

const navbarCode = 'Add the html code for your navbar'
document.getElementById("updateNavbar").innerHTML = navbarCode;

<div id="updateNavbar">
</div>
<!--Insert this in place of your navbar-->

更新导航栏就像更新

navbarCode

变量中的代码一样简单。