Pattern Lab的首页

Question

我有兴趣添加一个首页到模式实验室。我不想从"Atoms“(见下图)中的内容开始，而是想从一个风格指南开始。

我尝试在"Atoms“之前添加一个文件夹"Main"，但(1)我无法打开"Main”中的文件，(2) "Atoms“中的内容仍在显示，但不再具有样式。我也尝试过在"Atoms“文件夹前添加胡子文件，但无法在实时预览页面上查看或访问它们。

有没有可能创建这个首页？这是一个feature 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，它将被隐藏，但仍然可以使用。

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

Answer 2

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

现在存在一个配置选项，允许您指定所描述的all以外的其他defaultPattern。

对于模式实验室节点，您可以在https://github.com/pattern-lab/patternlab-node/wiki/Configuration#defaultpatttern上阅读有关它的所有内容

此功能应该在模式实验室、Node和PHP的两个平台上都可用。

您还可以在https://github.com/pattern-lab/the-spec/issues/13上阅读此功能的正式规范

需要注意的是，指定defaultPattern会将其从导航中删除。

希望这能有所帮助。