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

Question

各位幽灵作家，大家好，

我基本上是基于 Bootstrap 开发我自己的主题。 因此，我想创建一个指向文章的链接轮播。 我展示了 3 张 Bootstraps 卡片，我想添加一个旋转木马。 这相当简单，因为我只需要制作一副纸牌旋转木马并在每副纸牌中放 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

希望这可以帮助！