Wiki & jelajah

Semua isi bab ini berjalan sungguhan di situs ini: rak-rak halaman beranda disusun dari NoteCard, baris fasetnya sebuah FacetNav, strip meta di atas teks ini sebuah TaxonomyLine, dan gugusan bintang kecil di bilah sisi sebuah LocalGraph. Semuanya komponen tampilan murni — situs meresolusi registrinya sendiri dan mengoper data yang siap tampil. Pembantu resolusinya dikirim di paket sebagai createTaxonomy dan createBacklinks (mekanisme di paket, makna di situs).

§2.1Pengikatannya, tiga baris

src/lib/taxonomy.ts (seluruh pengikatan situs ini)

import { createTaxonomy } from 'astro-inkstone/lib/taxonomy';
import { DOMAINS, KINDS, STATUSES } from '../content/notes/_meta/taxonomy';

export const { getWikiUnits, groupByKind, groupByDomain, groupByPrimaryDomain, tagIndex, resolveTaxonomy } =
  createTaxonomy({ kinds: KINDS, domains: DOMAINS, statuses: STATUSES },
    { collection: 'notes', locales: [{ code: 'zh', prefix: 'zh/' }], primary: 'en' });

Registrinya (_meta/taxonomy.ts) adalah data murni di pohon konten: jenis, bidang berikut warna ronanya, status berikut warna titiknya, masing-masing dengan label Inggris dan Tionghoa. Tambahkan sebuah nilai di sana, tandai satu catatan dengannya, dan semua halaman jelajah langsung menangkapnya — rutenya memang terparameterisasi per nilai.

§2.2Rak dan token-tokennya

Halaman jelajah berdiri di dasar kedua: browse.css memberi mereka kertas hangat, masthead berserif, garis rak dua poin, dan kisi kartu, semuanya lewat token --wb-* — belahan rak dari palet dua konteks. Sebuah halaman masuk konteks ini lewat satu kelas, wb-root, pada body-nya; di dalamnya token chrome dipetakan ulang sehingga bilah navigasi yang sama duduk di dasar mana pun.

§2.3NoteCard

Kartu menerima data siap tampil — label yang sudah diresolusi, rona, tanggal yang sudah diformat, tautan cermin. Kartu aslinya tinggal di rak, maka contoh ini duduk dalam sepetak konteks jelajah (.wb-root.wb-inset) di dalam kolom baca ini:

Referensi2026.08
Serba ada
Setiap elemen pipeline markdown tampil satu kali di halaman ini.
PipelineHijau abadiEN
Referensi3 chapters2026.08
Koleksi komponen
Tur tiga bab atas semua komponen bawaan — sekaligus demonstrasi hub secara langsung.
KomponenHijau abadi
Hero · HubCard · Stats — perabot hub, dipakai di hub itu sendiri

§2.4FacetNav

Indeks jelajah multidimensi — jenis, bidang (berikut ronanya), tag teratas, semuanya sebagai tautan pil yang dirender di muka:

Teks labelnya juga props dengan bawaan Inggris — set di atas mengoper labels={{ kind: 'Jenis', domain: 'Bidang', tag: 'Tag', all: 'Semua →' }}, persis yang dioper halaman-halaman faset edisi Indonesia situs ini; selain itu tak ada yang berubah.

§2.5TaxonomyLine, KindBadge, StatusDot, DomainChip

Strip meta satu-baris di kepala catatan adalah rakitan tiga atom lencana; masing-masing juga bisa dipakai sendiri:

PolaDesainBertumbuhupdated 2026.08

Atom-atomnya sendirian, di tengah kalimat: sebuah lencana jenis Panduan, sebuah chip bidang Pipeline, sebuah titik status Hijau abadi.

§2.6Backlinks

Panel "tautan balik" di bawah setiap catatan di taman ini dihitung oleh createBacklinks milik paket — resolver tautan wiki milik mesin sendiri dibalik menjadi indeks target ← sumber, lengkap dengan cuplikan konteks. Di sini dengan data contoh sebaris:

Gulir ke kaki halaman ini untuk melihat yang asli — bab ini sendiri adalah target tautan wiki.

§2.7LocalGraph

Indeks yang sama menjawab pertanyaan kedua — apa saja yang berjarak satu lompatan dari sini? — dan index.localGraph(id, titleOf) mengembalikannya sebagai daftar tetangga, yang masuk di depan. Komponennya menggambar mereka di atas elips mengelilingi catatan, garis masuk utuh dan garis keluar putus-putus; seorang tetangga boleh membawa color-nya sendiri (dari koleksi kedua, misalnya). Di sini pada lebar kolom, dengan data contoh; yang asli duduk di bilah sisi setiap catatan yang punya tautan: