如何轻松更改多个页面上的<header>和<footer>？

Question

我目前正在建立一个个人网站，旨在展示我的一些翻译和写作作品。 没有花哨的东西，只有基本的 HTML / CSS

当我开始构建部分（“翻译”、“博客”）时，我意识到更新每个页面上的每个页眉和页脚是多么麻烦。

所以我在谷歌上搜索了这个问题的解决方案，最常见的答案是使用 PHP。今天，在参加了 PHP 101 课程之后，我对 PHP 的机制有了一些了解。

我创建了 header.php 和 footer.php 文件并继续添加

<?php include('header.php'); ?>

在我的index.html中

但是我需要将此文件扩展名更改为 .php 才能读取它。

这就是我迷路的地方 我需要将所有 html 文件更改为 php 吗？当我用谷歌搜索这个时，这里有些人声称这会减慢我的网站速度等等...... 我不知道我应该做什么，我有点迷失。

那么您建议什么是最有效的工具来让我更轻松地更新我的小网站呢？有没有更合适的最新技术？

Answer 1

正常的方法是将所有 HTML 文件重命名为 PHP，以便你的服务器。

或者，您可以使用JS来包含header.php

这是 HTML 代码：

<div class="secdiv"></div>


This is a test


<script
  src="https://code.jquery.com/jquery-3.7.1.js"
  integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
  crossorigin="anonymous"></script>
  
<script type="text/javascript">
 $(function (){
 $(".secdiv").load("content.php");
});
</script>

这是 content.php :

<?php

echo "Header here....";
echo "<hr>";
?>