Главная страница в шаблоне Лаборатория

Question

Я заинтересован в добавлении первой страницы в Lab Lab. Вместо того, чтобы начинать с содержания в «Атомах» (см. Изображение), я хотел бы начать с руководства по стилю.

Я попытался добавить папку «Главная» перед «Атомами» с файлом уса, но (1) мне не удалось открыть файл в «Основном» и (2) содержимое из «Атомов» было все еще показывая, но это уже не было в стиле. Я также попытался добавить файлы усов перед папкой «Атомы», но не смог просмотреть или получить доступ к ним на странице предварительного просмотра.

Возможно ли создать эту главную страницу? Является ли это функцией 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

сопровождающему Pattern Lab Node здесь.

Теперь существует опция конфигурации, которая позволяет указать defaultPattern другой, который all, как вы описали.

Для Pattern Lab Node, вы можете прочитать все об этом в https://github.com/pattern-lab/patternlab-node/wiki/Configuration#defaultpatttern

Эта функция должна быть доступна в обеих платформах Узор Lab, Node и PHP.

Вы также можете прочитать официальную спецификацию для этой функции в https://github.com/pattern-lab/the-spec/issues/13

отметить, что указания defaultPattern удалит его из навигации.

Надеюсь, это поможет.