Question

为了解释，我有一个博客网站，它包含一个“索引”页面，其中列出了要阅读的博客，如果我单击一个博客，则会将我带到该博客页面。索引页面在导航栏中还具有“最近发布”标签，可将我带到最近的博客。现在，我有大约20个博客，这些博客存储在不同的html页面中，这些页面在导航栏中也具有最近的发布选项卡。现在，如何将所有20个博客html页面上的“最近”帖子的“ href”更新为最近的博客。手动更新和保存所有20个html文档都需要花费时间。

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

谢谢。

Answer 1

最好的解决方案可能是选择一些static site generator来学习。

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

most-recent-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>

Answer 2

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

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

2 个答案: