Hugo थीम्स — क्या देखें

Hugo के पास सैकड़ों थीम हैं। अधिकांश स्क्रीनशॉट में अच्छी लगती हैं और कस्टमाइज़ करने की कोशिश करते ही बिखर जाती हैं। यह पेज उन बातों पर ध्यान देता है जो थीम चुनते समय वास्तव में मायने रखती हैं।

एक अच्छी Hugo थीम में क्या होना चाहिए

परफॉर्मेंस पहले

जो थीम ब्लॉग रेंडर करने के लिए 400KB JavaScript लोड करे, वह थीम नहीं — समस्या है। अच्छी Hugo थीम्स न्यूनतम CSS, शून्य या न के बराबर JavaScript शिप करती हैं, और Hugo की asset pipeline को काम करने देती हैं।

खतरे के संकेत: बंडल jQuery, SVG की जगह आइकन फॉन्ट, थीम में बेक्ड अनऑप्टिमाइज़्ड इमेज, asset fingerprinting का अभाव।

बहुभाषी समर्थन

अगर आपके पाठक एक से अधिक भाषाएँ बोलते हैं, तो बहुभाषी समर्थन ज़रूरी है। इसका मतलब है प्रति भाषा i18n अनुवाद फ़ाइलें, प्रति भाषा मेनू कॉन्फ़िगरेशन, और अलग-अलग स्लग के साथ भाषा-विशिष्ट कंटेंट।

Hugo का बिल्ट-इन i18n सिस्टम उत्कृष्ट है — लेकिन थीम को उसके लिए तैयार होना चाहिए।

स्वच्छ मार्कअप

ऐसी थीम्स जो semantic HTML बनाती हैं — सही हेडिंग क्रम, <article>, <nav>, <main>, <time> — स्टाइल करना, इंडेक्स करना और एक्सेसिबल बनाना बहुत आसान होता है।

सक्रिय रखरखाव

थीम के GitHub रिपोज़िटरी की जाँच करें। आखिरी कमिट कब था? क्या issues का जवाब दिया जा रहा है? दो साल से अनछुई थीम Hugo अपग्रेड होते ही deprecation warnings देने लगेगी।

इस साइट पर इस्तेमाल होने वाली थीम

यह साइट hugo-theme-monochrome का उपयोग करती है।

monochrome क्यों?

इस साइट पर किए गए कस्टमाइज़ेशन

• पोस्ट कार्ड में फीचर इमेज (इमेज बाईं, कंटेंट दाईं)
• बिना फीचर इमेज वाले पोस्ट के लिए डिफ़ॉल्ट फॉलबैक इमेज
• Hindi i18n अनुवाद फ़ाइल जोड़ी गई (i18n/hi.toml)
• थीम के बिल्ट-इन हुक के ज़रिए कस्टम user.css इंजेक्ट किया

और उल्लेखनीय थीम्स

PaperMod

GitHub पर सबसे लोकप्रिय Hugo थीम। तेज़, साफ़, अच्छी तरह मेंटेन की गई, और वास्तव में बहुभाषी। ब्लॉग या पोर्टफोलियो के लिए अच्छा डिफ़ॉल्ट विकल्प।

Blowfish

आधुनिक, फीचर-रिच, Tailwind से निर्मित। उत्कृष्ट दस्तावेज़ीकरण।

Congo

Hugo module-based, Tailwind-powered, मज़बूत i18n समर्थन। बहुत सक्रिय रूप से मेंटेन किया गया।

अपनी थीम बनाना

Hugo थीम्स सिर्फ Go टेम्पलेट, SCSS और स्टैटिक assets हैं। अगर कोई थीम बिल्कुल फिट नहीं बैठती:

1. किसी मौजूदा थीम को fork करें और बदलाव करें
2. एक बेयर baseof.html से शुरू करें और ऊपर बनाएं
3. थीम को Hugo module के रूप में dependency में लें और केवल ज़रूरी partials ओवरराइड करें

यह साइट तीसरा तरीका अपनाती है — monochrome एक git submodule है, और केवल वही partials ओवरराइड हैं जिन्हें बदलना ज़रूरी था।

कोई थीम सुझानी है? संपर्क करें।