2

我在以下目录结构中有一堆部分：

src
└── content
    ├── pages
    │   ├── index.hbs
    │   └── patterns.hbs
    ├── partials
    │   ├── _footer-subpage.hbs
    │   ├── _footer.hbs
    │   ├── _head-subpage.hbs
    │   ├── _head.hbs
    │   └── patterns
    │       └── dropdown
    │           ├── dropdown.hbs
    │           └── dropdown.json
    └── templates
        ├── custom.hbs
        └── default.hbs

我希望能够遍历src/content/partials/patterns目录中的所有部分并将它们的内容输出到页面上。我手动包括部分的那一刻，如下所示：

{{> dropdown }}

{{> another-partial }}

{{> another-partial }}

...

是否可以像使用页面集合一样动态地执行此操作？

编辑：

抱歉，我应该更详细地说明我想要实现的目标。这有点复杂...

这是我目前正在做的全部细节，但想以编程方式做：

<h3>{{dropdown.info.title}}</h3>                                        <-- name

<p>{{dropdown.info.description}}</p>                                    <-- description


{{> dropdown dropdown }}

{{#markdown}}``\{{> dropdown dropdown }}``{{/markdown}}                 <-- example

<h4>dropdown.hbs</h4>

{{#markdown}}
{{embed 'src/content/partials/patterns/dropdown/dropdown.hbs' 'html'}}  <-- source
{{/markdown}}

<h4>dropdown.json</h4>

{{#markdown}}
{{embed 'src/content/partials/patterns/dropdown/dropdown.json' 'json'}} <-- data
{{/markdown}}

这dropdown.info.title是使用与数据部分相同的目录中的 .json 文件。

我基本上是从pattern-lab.info复制功能以引入一堆组件来创建一个“模式”库，但不想手动完成。

这是所需输出的示例。

样本

我正在使用的代码在这里https://github.com/sheedy/ux-prototype（“开发”分支）。

4

1 回答 1

1

尝试使用撰写助手

那你可以做...

{{compose src="src/content/partials/patterns/**/*.hbs"}}
  {{@content}}
{{/compose}}
于 2014-02-14T02:33:11.357 回答