संदर्भकंपोनेंटसदाबहारअपडेट 2026.08पढ़ने में 3 मिनट
हबभाग II · विकी और ब्राउज़
भाग II · विकी और ब्राउज़

विकी और ब्राउज़

इस अध्याय की हर चीज़ इस साइट पर जीवंत चलती है: लैंडिंग-पेज की शेल्फ़ें NoteCard से बनी हैं, उसकी फ़ेसेट-पंक्तियाँ एक FacetNav हैं, इस पाठ के ऊपर की मेटा-पट्टी एक TaxonomyLine है, और साइडबार का वह छोटा तारामंडल एक LocalGraph। सब-के-सब विशुद्ध प्रदर्शन-कंपोनेंट हैं — साइट अपनी रजिस्ट्री खुद हल करती है और सीधे दिखाने-लायक़ डेटा भेजती है। हल करने वाले सहायक पैकेज के साथ आते हैं: createTaxonomy और createBacklinks (यांत्रिकी पैकेज में, अर्थ साइट में)।

§2.1बाइंडिंग, तीन लाइनें

src/lib/taxonomy.ts (इस साइट की पूरी बाइंडिंग)
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 पाइपलाइन का हर तत्व इस पन्ने पर एक-एक बार प्रदर्शन करता है।

    पाइपलाइनसदाबहारEN
  • संदर्भ3 chapters2026.08
    कंपोनेंट संग्रह

    हर शिप होने वाले कंपोनेंट की तीन-अध्याय सैर — और हब का जीवंत प्रदर्शन।

    कंपोनेंटसदाबहार

    Hero · HubCard · Stats — हब का साज़ो-सामान, खुद हब पर

§2.4FacetNav

बहु-आयामी ब्राउज़-इंडेक्स — प्रकार, क्षेत्र (अपनी-अपनी टोन के साथ), शीर्ष टैग, सब प्रीरेंडर हुई गोली-नुमा कड़ियों के रूप में:

पंक्ति-लेबल भी props हैं, डिफ़ॉल्ट अंग्रेज़ी — ऊपर वाले को labels={{ kind: 'प्रकार', domain: 'क्षेत्र', tag: 'टैग', all: 'सभी →' }} भेजा गया है, ठीक वही जो इस साइट के हिन्दी फ़ेसेट-पन्ने भेजते हैं; इसके सिवा कुछ नहीं बदलता।

§2.5TaxonomyLine, KindBadge, StatusDot, DomainChip

नोट के सिर की एक-पंक्ति मेटा-पट्टी तीन बैज-परमाणुओं का जोड़ है; हर परमाणु अकेले भी चलता है:

पैटर्नडिज़ाइनबढ़ रहाupdated 2026.08

परमाणु अलग-अलग, चलती पंक्ति में: एक गाइड प्रकार-बैज, एक पाइपलाइन क्षेत्र-chip, एक सदाबहार स्थिति-बिंदु।

इस बगीचे में हर नोट के नीचे का "बैकलिंक" पैनल पैकेज के createBacklinks से निकलता है — इंजन के अपने विकीलिंक-रिज़ॉल्वर को उलटकर बना "लक्ष्य ← स्रोत" इंडेक्स, संदर्भ के टुकड़े समेत। यहाँ इनलाइन सैंपल डेटा के साथ:

असली पैनल के लिए इस पन्ने के पैर तक चलिए — यह अध्याय खुद विकीलिंकों का लक्ष्य है।

§2.7LocalGraph

वही इंडेक्स एक दूसरा सवाल भी सुलझाता है — यहाँ से एक छलाँग में कौन-कौन है? — और index.localGraph(id, titleOf) जवाब पड़ोसियों की सूची के रूप में देता है, आने वाले लिंक पहले। कंपोनेंट उन्हें नोट के चारों ओर एक दीर्घवृत्त पर खींचता है — आने वाले ठोस रेखा में, जाने वाले बिंदुदार में; पड़ोसी अपना color भी ला सकता है (मसलन कोई दूसरा संग्रह)। यहाँ कॉलम की चौड़ाई पर, सैंपल डेटा के साथ; असली ग्राफ़ हर उस नोट के साइडबार में है जिसके लिंक हैं:

शीर्षक, अनुभाग और मुख्य पाठ — इसी भाषा में।
    ↑↓ · Enter · Escastro-inkstone