ज़ोला (Zola) में वेबसाइट का पुनर्लेखन

पृष्ठभूमि

वेबसाइट की जरूरत किसे नहीं होती? तो एक साल पहले मैंने सोचा कि मैं अपने लिए एक वेबसाइट बनाऊंगा, और मैंने बनाई भी। लेकिन पता है क्या? वह पूरी तरह से HTML और CSS में थी (शायद किसी गिटहब रिपो से ली गई थी)। लेकिन मुझे वास्तव में एक बेहतर दिखने वाली वेबसाइट की आवश्यकता महसूस हुई, जिसमें मैं अपने प्रोजेक्ट्स को प्रदर्शित कर सकूं, और शायद एक ब्लॉग भी लिख सकूं।

तो मेरे एक दोस्त Gasper(एक बहुत ही कूल व्यक्ति) ने मुझे Hugo इस्तेमाल करने का सुझाव दिया और मैं सोचने लगा “ये Hugo क्या है?”। मैंने इसे कैसे उपयोग करें, इस पर एक बहुत अच्छा, स्पष्ट और संक्षिप्त वीडियो देखा और मैंने सोचा “ठीक है, मैं इसे आजमाऊंगा”।

^ मेरी राय में Hugo के लिए यह सबसे बेहतरीन वीडियो है।

और यह कुछ ऐसा बना

मुझे पता है कि यह बेकार है (कभी-कभी मैं खुद इसके नतीजों को देखकर हैरान हो जाता हूं 🤡), लेकिन मैंने सोचा “मेरे श्रेष्ठ दिमाग ने जो किया है, यह वही है”। साथ ही, मेरा फ्रंटएंड और स्टाइलिंग करने का बिल्कुल भी मन नहीं करता।

ज़ोला (Zola) का आगमन

मैं Gradience Autopsy: Rise and Set - Daudix (Gradience के लिए हमेशा प्यार) पढ़ रहा था और इसके लुक्स ने मेरा ध्यान खींचा। और फिर मुझे Zola के बारे में पता चला। मेरे लिए Zola, Hugo जैसा ही है (XD मुझे नहीं पता कि मैं कितना सही हूं) और इसके साथ मुझे Daudix नाम के एक व्यक्ति और Zola के लिए उनकी थीम Ametrine के बारे में पता चला, हालांकि उनके अनुसार यह स्थिर (stable) नहीं है, लेकिन एक आर्च (Arch) यूजर होने के नाते मुझे स्थिर चीजों की बिल्कुल भी परवाह नहीं है।

Ametrine अब तक की सबसे बेहतरीन थीम है जिसे मैंने देखा है, इसका उपयोग करना इतना आसान है और परिणाम आप यहां देख रहे हैं, बेशक मैंने Daudix की वेबसाइट से भी कॉपी-पेस्ट किया है लेकिन हां, ओपन सोर्स यही है और जैसा कि किसी ने पहले ही कहा है

“मूल सामग्री (Original content) पुरानी होने से पहले केवल कुछ सेकंड के लिए ही मूल होती है”
~इंटरनेट का नियम 69

तो अगर आप एक वेबसाइट बनाना चाहते हैं और आप कोई गिर्की फ्रंटएंड जादूगर नहीं हैं, तो मैं आपको ज़ोला और एमेट्रिन (Ametrine) का उपयोग करने का सुझाव दूंगा।

कुछ बेहतरीन फीचर्स और स्टाइलिंग

मुझे यह पसंद है कि यह टेबल्स को कैसे रेंडर करता है

और कोड ब्लॉक्स

cpp #include

int main() { std::cout << “Hello, World!” << std::endl; return 0; }

और ये गिटहब जैसे अलर्ट्स

उपयोगी जानकारी जो उपयोगकर्ताओं को पता होनी चाहिए, सामग्री को जल्दी से देखते समय भी।

चीजों को बेहतर या आसानी से करने के लिए उपयोगी सलाह।

अपने लक्ष्य को प्राप्त करने के लिए उपयोगकर्ताओं को पता होनी चाहिए महत्वपूर्ण जानकारी।

तत्काल ध्यान देने योग्य जानकारी ताकि समस्याओं से बचा जा सके।

कुछ क्रियाओं के जोखिमों या नकारात्मक परिणामों के बारे में सलाह।

बटन भी अच्छे हैं

कुछ करें… उदाहरण

और भी बहुत कुछ, इसे खुद Ametrine की वेबसाइट पर देखें

निष्कर्ष

यह निश्चित रूप से एक दिलचस्प यात्रा रही है; Hugo का उपयोग करने की कोशिश करना, अपना मानसिक संतुलन खोना, जीवन के फैसलों पर पछताना, अजीब चीजें सीखना और यह सोचने के लिए अपने 1 ब्रेन सेल का उपयोग करना कि इसे अच्छा कैसे दिखाऊं, थक जाना (burnout), वापस आना, और अधिक अजीब चीजें सीखना, टालमटोल करना, वापस आना, आधी स्टाइल्स को फिर से लिखना, और अंत में यह पता चलना कि मुझे इसकी कोई जरूरत ही नहीं थी (यह थोड़ा दुख देता है 😭)। लेकिन हां, मुझे लगता है कि अब यह लंबे समय तक मेरी मुख्य वेबसाइट होगी : )

खुशी है कि मुझे Ametrine और Daudix मिले।