Javascript 如何更新所有html页面中的href链接？

为了解释，我有一个博客网站，它包含一个索引页面，列出了要阅读的博客，如果我点击一个博客，它会带我到那个博客页面。索引页面的导航栏中还有一个“最近发表的文章”选项卡，可以将我带到最近的博客。 现在，我有大约20个博客，它们存储在不同的html页面中，在导航栏中也有最近发布的标签。 现在，我如何将所有20个博客html页面上最近文章的href更新到最近的博客。手动更新并保存在所有20个html文档中需要时间

我知道这个问题与html无关，我想应该是代码管理。所有的帮助都将不胜感激

---

提前谢谢。

也许最好的解决办法是挑选一些来学习

如果您想使用javascript，一种解决方案是创建一个javascript文件来生成链接，然后在每个页面上包含该链接

最近发布的posts.js：

(function () {
  var recentPosts = [
    {
      title: 'post title',
      href: '/posts/title.html',
    }
  ];

  var containerElement = document.getElementById('most-recent-posts');

  containerElement.innerHTML = recentPosts
    .map(function (post) {
      return '<li><a href="'+post.href+'">'+post.title+'</a></li>'
    })
    .join('');
})();

然后在要显示列表的所有页面中添加类似的内容：

<ul id="most-recent-posts"></ul>
<script src="most-recent-posts.js"></script>

---

如果使用条件语句会怎么样。类似于此HTML标记存在的情况，让它替换为较新的HTML标记。然后确保脚本在所有页面上运行

基本上。pHp include首先，你只有一个文件要更新，其他地方都可以重复使用。你能详细说明一下如何做到这一点吗？你可以从这里开始，或者@HasanPatel nop，这是关于特定的新文章：好的，谢谢你的帮助，我会试试：