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

Усе в галереї імпортовано з astro-inkstone/components/ за шляхом і відрендерено типовими токенами пакета. Компоненти суто презентаційні: дані й рядки підписів приходять через пропси (типові — англійські), тож сайт будь-якою мовою передає власні.

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 → демонстраційний стенд.