如何在 Ghost 中遍历帖子和创建群组

Question

各位幽灵作家大家好，

我基本上是在Bootstrap的基础上开发自己的主题。因此，我想创建一个文章链接轮播。我显示 3 Bootstraps 卡片，我想添加一个轮播。 这相当容易，因为我只需要制作一副卡片组并在每个卡片组中放 3 张卡片。

但是，有一个问题...我如何告诉 Ghost 遍历所有帖子并创建 "groups" 三个帖子？换句话说："foreach posts and every 3 posts do..."

我实际上有：

        {{#foreach posts limit="3"}}
            {{> "post-card"}}
        {{/foreach}}

我需要这样的东西：

        {{#foreach posts}}
            {{every 3 items}}
                <div class="card-deck">
                    {{> "post-card"}}
                </div>
        {{/foreach}}

我真的不知道如何开始。

此致

Answer 1

这可以在 #foreach 循环中设置 columns 值时使用 @rowStart 和 @rowEnd 来完成。这是一个例子：

{{#foreach posts columns="3"}}
    {{#if @rowStart}}<div class="card-deck">{{/if}}
        {{> "post-card"}}
    {{#if @rowEnd}}</div>{{/if}}
{{/foreach}}

通过将 columns 设置为 3 @rowStart 将表示一列的开始，而 @rowEnd 将表示一列的结束。

可以在 Ghost 车把文档中找到更多信息：https://ghost.org/docs/api/v3/handlebars-themes/helpers/foreach/#data-variables

希望对您有所帮助！