विकी और ब्राउज़
इस अध्याय की हर चीज़ इस साइट पर जीवंत चलती है: लैंडिंग-पेज की शेल्फ़ें NoteCard से बनी हैं, उसकी फ़ेसेट-पंक्तियाँ एक FacetNav हैं, इस पाठ के ऊपर की मेटा-पट्टी एक TaxonomyLine है, और साइडबार का वह छोटा तारामंडल एक LocalGraph। सब-के-सब विशुद्ध प्रदर्शन-कंपोनेंट हैं — साइट अपनी रजिस्ट्री खुद हल करती है और सीधे दिखाने-लायक़ डेटा भेजती है। हल करने वाले सहायक पैकेज के साथ आते हैं: createTaxonomy और createBacklinks (यांत्रिकी पैकेज में, अर्थ साइट में)।
§2.1बाइंडिंग, तीन लाइनें
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' });रजिस्ट्री (_meta/taxonomy.ts) सामग्री-वृक्ष में विशुद्ध डेटा है: प्रकार, टोन-रंगों वाले क्षेत्र, बिंदु-रंगों वाली स्थितियाँ — हर मान के साथ अंग्रेज़ी और चीनी डिस्प्ले-लेबल। वहाँ एक मान जोड़िए, किसी नोट पर टाँकिए, और हर ब्राउज़-पन्ना उसे थाम लेगा — रूट वैसे भी मानों पर पैरामीटर-बद्ध हैं।
§2.2शेल्फ़ और उसके टोकन
ब्राउज़-पन्ने दूसरी ज़मीन पर बसते हैं: browse.css उन्हें गरम काग़ज़, सेरिफ़ वाला शीर्ष-पट्ट, शेल्फ़ की मोटी रेखा और कार्ड-ग्रिड देती है, सब --wb-* टोकनों से — दो-संदर्भ पैलेट का ब्राउज़ वाला आधा। पन्ना इस संदर्भ में एक क्लास से दाख़िल होता है — body पर wb-root; भीतर chrome के टोकन फिर से मैप हो जाते हैं, इसलिए एक ही नेविगेशन-पट्टी दोनों ज़मीनों पर बैठती है।
§2.3NoteCard
कार्ड सीधे दिखाने-लायक़ डेटा लेता है — हल किए हुए लेबल, टोन, सजी हुई तारीख़, मिरर-लिंक। कार्डों का घर शेल्फ़ है, इसलिए सैंपल इस पढ़ने के कॉलम के भीतर ब्राउज़-संदर्भ की एक छोटी क्यारी (.wb-root.wb-inset) में बैठा है:
- संदर्भ2026.08पूरा पिटारा
Markdown पाइपलाइन का हर तत्व इस पन्ने पर एक-एक बार प्रदर्शन करता है।
- संदर्भ3 chapters2026.08कंपोनेंट संग्रह
हर शिप होने वाले कंपोनेंट की तीन-अध्याय सैर — और हब का जीवंत प्रदर्शन।
Hero · HubCard · Stats — हब का साज़ो-सामान, खुद हब पर
§2.4FacetNav
बहु-आयामी ब्राउज़-इंडेक्स — प्रकार, क्षेत्र (अपनी-अपनी टोन के साथ), शीर्ष टैग, सब प्रीरेंडर हुई गोली-नुमा कड़ियों के रूप में:
पंक्ति-लेबल भी props हैं, डिफ़ॉल्ट अंग्रेज़ी — ऊपर वाले को labels={{ kind: 'प्रकार', domain: 'क्षेत्र', tag: 'टैग', all: 'सभी →' }} भेजा गया है, ठीक वही जो इस साइट के हिन्दी फ़ेसेट-पन्ने भेजते हैं; इसके सिवा कुछ नहीं बदलता।
§2.5TaxonomyLine, KindBadge, StatusDot, DomainChip
नोट के सिर की एक-पंक्ति मेटा-पट्टी तीन बैज-परमाणुओं का जोड़ है; हर परमाणु अकेले भी चलता है:
परमाणु अलग-अलग, चलती पंक्ति में: एक गाइड प्रकार-बैज, एक पाइपलाइन क्षेत्र-chip, एक सदाबहार स्थिति-बिंदु।
§2.6Backlinks
इस बगीचे में हर नोट के नीचे का "बैकलिंक" पैनल पैकेज के createBacklinks से निकलता है — इंजन के अपने विकीलिंक-रिज़ॉल्वर को उलटकर बना "लक्ष्य ← स्रोत" इंडेक्स, संदर्भ के टुकड़े समेत। यहाँ इनलाइन सैंपल डेटा के साथ:
असली पैनल के लिए इस पन्ने के पैर तक चलिए — यह अध्याय खुद विकीलिंकों का लक्ष्य है।
§2.7LocalGraph
वही इंडेक्स एक दूसरा सवाल भी सुलझाता है — यहाँ से एक छलाँग में कौन-कौन है? — और index.localGraph(id, titleOf) जवाब पड़ोसियों की सूची के रूप में देता है, आने वाले लिंक पहले। कंपोनेंट उन्हें नोट के चारों ओर एक दीर्घवृत्त पर खींचता है — आने वाले ठोस रेखा में, जाने वाले बिंदुदार में; पड़ोसी अपना color भी ला सकता है (मसलन कोई दूसरा संग्रह)। यहाँ कॉलम की चौड़ाई पर, सैंपल डेटा के साथ; असली ग्राफ़ हर उस नोट के साइडबार में है जिसके लिंक हैं: