模式实验室的首页

Question

我有兴趣在Pattern Lab中添加首页。而不是从＆＃34; Atoms＆＃34;中的内容开始。 （见图），我想从风格指南开始。

我尝试在＆＃34; Atoms＆＃34;之前添加一个文件夹＆＃34; Main＆＃34;有胡子文件，但（1）我无法打开＆＃34; Main＆＃34; （2）来自＆＃34; Atoms＆＃34;仍然显示，但它不再是风格。我还试过在＆＃34; Atoms＆＃34;之前添加胡子文件。文件夹，但无法在实时预览页面上查看或访问它们。

是否可以创建此首页？这是Pattern Lab提供的功能还是有可用于生成此页面的扩展名？

Default front page: contents within "Atoms" folder. Screenshot taken from demo.patternlab.io.

Answer 1

实际上，PatternLab主页 本身就是一个样式指南，因为它是从你拥有的所有片段（原子，分子，生物和模板）编译而来的。据我所知，无法使用当前版本的PatternLab中的简单设置更改默认主页。

作为一种可能的解决方法，您可以阻止特定的代码段显示在主页上。通过这种方式，您可以隐藏主页上不想看到的所有内容，并获得所需的样式指南。

要隐藏片段，请在其前面添加下划线。因此，atoms/some-atom.mustache使用atoms/_some-atom.mustache而不是from decimal import Decimal, localcontext def prob80(): total = 0 for x in range(1,100): with localcontext() as ctx: ctx.prec = 100 total+=sum([int(i) for i in str(Decimal(x).sqrt())[2:]]) return total print prob80() ，它将被隐藏，但仍然可用。

请参阅此处的文档：http://patternlab.io/docs/pattern-hiding.html

Answer 2

模式实验室节点的维护者。

现在存在一个配置选项，可让您按照自己的描述指定defaultPattern其他all。

对于Pattern Lab节点，您可以在https://github.com/pattern-lab/patternlab-node/wiki/Configuration#defaultpatttern

阅读所有相关内容

此功能应该可以在Pattern Lab，Node和PHP的两个平台中使用。

您还可以在https://github.com/pattern-lab/the-spec/issues/13

阅读此功能的正式规范

请注意，指定defaultPattern会将其从导航中删除。

希望这有帮助。