时间戳

首页 > 解决方案 > 如何在 Ghost 中遍历帖子并创建群组

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

问题描述

各位鬼作家，你好，

我基本上是在基于 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}}

我真的不知道如何开始。

问候

标签： twitter-bootstrapbootstrap-4handlebars.jsghost-blog

解决方案

这可以在设置循环值时使用@rowStartand来完成。这是一个例子：@rowEndcolumns#foreach

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

通过设置一个columnsto3 @rowStart将表示一列的开始并表示一列@rowEnd的结束。

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

希望这可以帮助！

推荐阅读