Carousel 如何使用Go/Hugo迭代标记制作旋转木马

我正在用Bootstrap 4创建一个Go/Hugo主题，在我的

index.html

模板文件中，我有下面的代码来迭代发布的文章：

{{-range.Paginator.Pages-}
{{-如果等式类型为“posts”}
{{.Summary}

{{-end-}
{{-end}

它还没有完全准备好，但它已经允许我使用封面图像，定义为FrontMatter参数，比博客风格更具创造性，潜行的山峰

正如您可以看到的那样，这里也实现了分页，因此我可以看到最后一个条目（在

config.toml

中定义并通过

.Paginator.Pages

访问）中的旧条目

但我想摆脱这种分页并在旋转木马中转换这个列表，但我不知道我是否能够用Hugo这样做，也不知道是否可以“即插即用”使用Bootstrap的现有标记的旋转木马

---

我怎样才能做到这一点呢？

如果你可以用HTML来做，那么你可以用Hugo来做，所以答案是肯定的，这是可能的。从网上的一个简短搜索中，似乎有几十个用于引导的旋转木马实现，所以只需选择其中之一

例如，使用引导站点上的，您可以使用以下代码制作旋转木马：

假设您已经在所有文章的前面定义了参数

carouselimage

和

carouselimagealt

，您可以通过以下操作使用Hugo生成此HTML：

{{$paginator:=.Paginate（其中.Data.Pages“Type”“posts”）}
{{range$paginator.Pages}
{{end}

---

另外，我在这里为您输入了“posts”，正如您在问题中所做的那样，但在Hugo中通常是“post”，因此您可能需要检查您需要哪一个。

谢谢您抽出时间。在发布了这个问题后，我意识到最终它只是HTML。Go/Hugo不应该干涉任何事情。然而，我最终使用bxSlider而不是Bootstrap。它有更多的选择。关于

类型

，至少在我更好地研究雨果的permalinks时，现在我故意改变了它