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

Question

各位鬼作家们好，

我基本上是在基于 Bootstrap 开发自己的主题。因此，我想创建一个文章链接的轮播。我展示了 3 张引导卡，我想添加一个旋转木马。 这相当容易，因为我只需要制作一个卡组旋转木马并在每个卡组中放 3 张卡。

但是，有一个问题......我如何告诉 Ghost 遍历所有帖子并创建三个帖子的“组”？换一种说法：“foreach 帖子和每 3 个帖子都...”

其实我有：

        {{#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

希望这会有所帮助！