Bộ thành phần

Mọi thứ trong phòng trưng bày đều import từ astro-inkstone/components/ theo đường dẫn và render bằng token mặc định của gói. Các thành phần là thuần hiển thị: dữ liệu lẫn chuỗi nhãn đều đi qua props (mặc định tiếng Anh), site ở ngôn ngữ nào cứ truyền chuỗi của mình.

3 chương · 24 thành phần · tất cả import theo đường dẫn từ astro-inkstone/components/

chương: 3
thành phần: 24
mảnh ghép wiki: 6
giá trị màu thô: 0

Ba chương

Mỗi thẻ ứng với một chương trên thanh chương ở thanh bên; các chip trên thẻ điểm danh những gì chương ấy trưng ra.

Phần I

Nội dung & typography

Những mảnh ghép dựng nên phần văn xuôi — callout, chip, lưới, thanh bước, hàng thống kê, thẻ bài báo và danh mục tham khảo.

CalloutPaperCardGridStepsStats

7 thành phần→

Phần II

Wiki & duyệt

Bộ phân loại mà các kệ sách của khu vườn này được dựng từ đó, cộng hai bảng đồ thị liên kết — liên kết ngược và đồ thị cục bộ trên thanh bên.

NoteCardFacetNavTaxonomyLineBacklinksLocalGraph

8 thành phần→

Phần III

Tương tác & phụ kiện trang

Một demo canvas chạy thật cùng bản hợp đồng loader thuộc về site, cộng các phụ kiện của trang — hero, thẻ hub, danh sách nhảy trang, chân trang.

DemoMountHeroHubCardLocalTocPageFooter

9 thành phần→

Một hub, ngay trước mắt

Chính bài này là màn trình diễn sống của một hub: một ghi chú cấp cao nhất mà frontmatter khai nav — một danh sách chương có thứ tự. Bộ máy đang chạy trước mắt bạn gồm:

thanh bên treo thanh chương (I/II/III) ngay dưới brand của hub, cuối mỗi chương có nút lật chương trước / chương sau;
các chương kế thừa phân loại của hub: cả ba chương trưng bày không chương nào tự khai kind, domain hay status, vậy mà phần meta đầu trang chương nào cũng đủ — tất cả kế thừa từ bài này; chương nào tự đặt giá trị thì trường đó lấy trọn theo nó (vẫn quy tắc "đã tự khai là tự sở hữu" như mọi nơi khác);
trên trang duyệt, hub là một khối: một thẻ duy nhất, đề số chương — các chương không bao giờ vãi ra kệ;
số part: của mỗi chương buộc phải khớp vị trí của nó trong nav, lệch là build hỏng ngay — thanh chương và frontmatter không thể mỗi bên nói một đằng;
các thẻ phía trên là những HubCard xếp trong .hub-grid; cái hộp bên dưới là lộ trình đọc (.path), món phụ kiện còn lại của hub.

Đọc từ đâu

Mới làm quen với gói → Phần I→Phần II; muốn dựng site duyệt → vào thẳng Phần II→bài bắt đầu sử dụng; phía Markdown của cùng câu chuyện → trình diễn tổng hợp.