github-pages - 在多个html页面之间同步静态站点上的代码？

Question

我有一个大型网站，其中包含几个一致的文本，例如导航、联系人、页脚等。我想知道如何通过从另一个文件或任何文件加载代码来在我的静态网站（托管在 github 页面上）上保持所有这些一致其他方法，因为目前我必须手动更新所有内容，这需要一段时间。

标签： github-pages

Answer 1

Github pages 使用 Jekyll 作为底层静态站点生成器。您可以将您的网站分解为多个较小的 html 页面，这些页面可以包含在主布局中。

https://jekyllrb.com/docs/includes/

包含标签允许您包含存储在 _includes 文件夹中的另一个文件的内容：

{% include footer.html %}

Jekyll 将在源目录根目录的 _includes 目录中查找引用的文件（在本例中为 footer.html）并插入其内容。

阅读这方面的文档，您可以轻松找到重复的 text/html 并将它们替换为包含。

如果你还没有，这个站点有说明，所以你可以在将更改推送到 Github 之前在本地运行 jekyll 来验证更改。