在树枝中生成引导行

Question

我有这样的重力内容：

### Some title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mauris purus.

??START??
##### [fa=certificate/]  Certificate
##### [fa=line-chart/]  Process
##### [fa=newspaper-o/]  News
??END??

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mauris purus.

我的目标是在 ??BEGIN?? 和 ??END?? 之间动态生成 bootstrap 行

例如像这样：

<div class="container">
  <div class="row">
    <div class="col-md-4">
      Certificate
    </div>
    <div class="col-md-4">
      Process
    </div>
    <div class="col-md-4">
      News
    </div>
  </div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mauris purus.

如何在我的 TWIG 模板中使用它？

Answer 1

这不是您可以使用单个模板文件完成的事情。根据您想要构建它的方式，您甚至可能需要使用插件或为您的主题添加自定义代码。

模块化组件

您所描述的通常是使用 modular component. What you're doing looks similar to the starter theme, Antimatter 完成的，调用 _features.

为此，您将使用模块化页面类型，并为您的 bootstrap row/column 设置包括一个模块，然后为一般文本包括另一个模块。

文件结构如下所示：

插件

如果您想将此作为插件来执行，那当然是一个选项，并且可以避免您不得不使用模块化页面。话虽这么说，如果不自己做，就不会支持这样的输出。您的插件需要分析原始页面，然后自行将其转换为 bootstrap 的网格。

如果这是你想往下走的方向，我建议你看看markdown notices plugin。它应该让您知道从这里到哪里去。

在树枝中生成引导行

Generating boostrap rows in twig

twig

grav