建议一：
P.S 我不能使用任何 CMS。必须是静态的。
您可以使用 Jquery 根据您的需要加载您在相应位置的文件。
.load( url [, data ] [, complete ] )
说明：从服务器加载数据并将返回的 HTML 放入匹配的元素中。
注意：事件处理套件还有一个名为 .load() 的方法。 jQuery 根据传递给它的参数集确定要触发的方法。
参考：http://api.jquery.com/load/
$(document).ready(function() {
$('#some-menu').load('some-local-path/menu.html');
});
前提是您可以拥有给定的 DIV 的 ID，然后它将数据加载到该位置，您可以动态更改它。
<html>
<body>
<div id="some_menu">
<!-- Loads the Menu Part Over Here -->
</div>
<script>
$(document).ready(function() {
$('#some-menu').load('some-local-path/menu.html');
// Like wise you can load up all the data that you need over here and place the necessary div over to the HTML.
});
</script>
</body>
</html>
如果它不是静态的，您可以按照我之前提到的使用 PHP 的方式跟进以下内容。
替代参考：
最好使用 PHP，因为它支持很棒的功能，您可以使用 PHP 创建自己的 CMS。
更清晰的解释
- 寻找在您的网站上是静态的并且必须在所有页面中显示的项目。
- 复制它们并放置在相应的文件中，即 header.php 中的 header 和 footer.php 中的页脚等等，然后你需要单独做一件事。
- 您需要包含您提供的所有文件，这就是诀窍。
整个页面看起来像。
<html>
<head>Title of the Page</head>
<?php include 'scripts.php'; ?>
<body>
<?php include 'header_menu.php'; ?>
// Page content
<?php include 'sidebar.php'; ?>
//Page Contents
<?php include 'footer.php'; ?>
</body>
</html>
像这样，您可以为您的页眉、页脚和任何您需要这样做的文件执行此操作，如果您单独更新单个文件，它将在所有文件中复制，甚至是您拥有的文件的音调。
基本包含示例
include() 语句包含并评估指定的文件。
include 命令只是获取指定文件中存在的所有文本并将其复制到使用 include 命令的文件中。当您想在网站的多个页面上包含相同的 PHP、HTML 或文本段时，包含非常有用。 include 命令被 PHP Web 开发人员广泛使用。和 PHP Echo 一样，include 不是一个函数，而是一种语言结构。
vars.php
<?php
$color = 'green';
$fruit = 'apple';
?>
test.php
<?php
echo "A $color $fruit"; // A
include 'vars.php';
echo "A $color $fruit"; // A green apple
?>