Набор компонентов

Всё в этой галерее импортировано из astro-inkstone/components/ по пути и отрисовано токенами пакета по умолчанию. Компоненты презентационные: данные и строки подписей приходят через props (умолчания английские), поэтому сайт на любом языке передаёт свои.

3 главы · 24 компонента · каждый импортируется по пути из astro-inkstone/components/

главы: 3
компонента: 24
вики-деталей: 6
сырых цветов: 0

Три главы

Каждая карточка — одна глава рельса в сайдбаре; чипы называют, что в ней показано.

Часть I

Контент и типографика

Детали, из которых собирается проза, — callout-блоки, чипы, сетки, рельсы шагов, ряды статистики, карточки статей и списки литературы.

CalloutPaperCardGridStepsStats

7 компонентов→

Часть II

Вики и навигация

Таксономический набор, из которого собраны полки этого сада, и две панели графа ссылок — обратные ссылки и локальный граф в сайдбаре.

NoteCardFacetNavTaxonomyLineBacklinksLocalGraph

8 компонентов→

Часть III

Интерактив и обрамление

Живое canvas-демо и принадлежащий сайту контракт загрузчика, плюс обрамление страницы — hero, карточки хаба, списки переходов, подвалы.

DemoMountHeroHubCardLocalTocPageFooter

9 компонентов→

Хаб — вживую

Эта заметка сама демонстрирует, что такое хаб: заметка верхнего уровня, чей frontmatter объявляет nav — упорядоченный список глав. Механика, на которую вы сейчас смотрите:

сайдбар показывает рельс глав (I/II/III) под брендом хаба, с перелистыванием вперёд-назад в подвале каждой главы;
главы наследуют таксономию хаба: ни одна из трёх глав галереи не объявляет собственных типа, направления или статуса, однако в шапке каждой стоят здешние; глава, задавшая свои значения, перекрывает поле целиком (то же правило «явное побеждает», что и всюду);
на обзорных страницах хаб — одно целое: одна карточка со счётчиком глав; главы не рассыпаются по полке;
номер part: каждой главы обязан совпадать с её позицией в nav, иначе сборка падает — рельс и frontmatter не могут разойтись;
карточки выше — компоненты HubCard в сетке .hub-grid; рамка ниже — читательский маршрут (.path), вторая деталь хабового обрамления.

С чего начать

Впервые видите пакет → Часть I→Часть II; строите сайт с навигацией → сразу в Часть II→Быстрый старт; Markdown-сторона той же истории → Всё и сразу.