Hugo 中的延迟加载内容

Question

我正在考虑使用 Hugo 构建静态网站。我正在考虑将帖子发布到着陆页上，但我想知道如果添加了太多帖子，着陆页是否会变得太大。因此，我想知道是否可以在用户向下滚动我的着陆页时在 Hugo 中延迟加载帖子。

Answer 1

由于 Hugo 只是一个静态站点生成器，您可以在那里实现延迟加载功能。 Hugo 只会为您生成 .html 页面，但不关心您的脚本或语义方式的 ​​HTML 代码。

对于基本的延迟加载，可以只向图像添加 loading="lazy" 属性 (see the browser support)。或者您可以实施一些专用于此目的的 JavaScript 库。