tr1x_em - websiteस्वागत है, यहाँ आप मेरे बारे में और जान सकते हैं, और हाँ, मैं लिखता भी हूँ!!Zola2025-12-12T00:00:00+00:00https://trix.is-a.dev/hi/tags/website/atom.xmlज़ोला (Zola) में वेबसाइट का पुनर्लेखन2025-12-11T00:00:00+00:002025-12-12T00:00:00+00:00
tr1x_em
https://trix.is-a.dev/hi/blog/website-rewrite-in-zola/<h1 id="prsstthbhuumi">पृष्ठभूमि</h1>
<p>वेबसाइट की जरूरत किसे नहीं होती? तो एक साल पहले मैंने सोचा कि मैं अपने लिए एक वेबसाइट बनाऊंगा, और मैंने बनाई भी। लेकिन पता है क्या? वह पूरी तरह से HTML और CSS में थी (शायद किसी गिटहब रिपो से ली गई थी)।
लेकिन मुझे वास्तव में एक बेहतर दिखने वाली वेबसाइट की आवश्यकता महसूस हुई, जिसमें मैं अपने प्रोजेक्ट्स को प्रदर्शित कर सकूं, और शायद एक ब्लॉग भी लिख सकूं।</p>
<p>तो मेरे एक दोस्त <a class="external" rel="external" href="https://gasparvardanyan.github.io/">Gasper</a><small>(एक बहुत ही कूल व्यक्ति)</small> ने मुझे <a class="external" rel="external" href="https://gohugo.io/">Hugo</a> इस्तेमाल करने का सुझाव दिया और मैं सोचने लगा “ये Hugo क्या है?”।
मैंने इसे कैसे उपयोग करें, इस पर एक बहुत अच्छा, स्पष्ट और संक्षिप्त वीडियो देखा और मैंने सोचा “ठीक है, मैं इसे आजमाऊंगा”।</p>
<iframe
class="youtube-embed"
src="https://www.youtube-nocookie.com/embed/ZFL09qhKi5I"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
</iframe>
<p>^ मेरी राय में Hugo के लिए यह सबसे बेहतरीन वीडियो है।</p>
<p>और यह कुछ ऐसा बना</p>
<figure>
<img class="spoiler"alt="Old Website"src="oldweb.png"/>
<figcaption>पुरानी वेबसाइट</figcaption>
</figure>
<p>मुझे पता है कि यह बेकार है (कभी-कभी मैं खुद इसके नतीजों को देखकर हैरान हो जाता हूं 🤡), लेकिन मैंने सोचा “मेरे श्रेष्ठ दिमाग ने जो किया है, यह वही है”। साथ ही, मेरा फ्रंटएंड और स्टाइलिंग करने का बिल्कुल भी मन नहीं करता।</p>
<h1 id="j-olaa-zola-kaa-aagmn">ज़ोला (Zola) का आगमन</h1>
<p>मैं <a class="external" rel="external" href="https://daudix.one/blog/archiving-gradience/">Gradience Autopsy: Rise and Set - Daudix</a><small> (Gradience के लिए हमेशा प्यार) </small> पढ़ रहा था और इसके लुक्स ने मेरा ध्यान खींचा। और फिर मुझे <a class="external" rel="external" href="https://www.getzola.org/">Zola</a> के बारे में पता चला। मेरे लिए Zola, Hugo जैसा ही है (XD मुझे नहीं पता कि मैं कितना सही हूं)
और इसके साथ मुझे <a class="external" rel="external" href="https://daudix.one/">Daudix</a> नाम के एक व्यक्ति और Zola के लिए उनकी थीम <a class="external" rel="external" href="https://ametrine.daudix.one/">Ametrine</a> के बारे में पता चला, हालांकि उनके अनुसार यह स्थिर (stable) नहीं है, लेकिन एक आर्च (Arch) यूजर होने के नाते मुझे स्थिर चीजों की बिल्कुल भी परवाह नहीं है।</p>
<p>Ametrine अब तक की सबसे बेहतरीन थीम है जिसे मैंने देखा है, इसका उपयोग करना इतना आसान है और परिणाम आप यहां देख रहे हैं, बेशक मैंने Daudix की वेबसाइट से भी कॉपी-पेस्ट किया है लेकिन हां, ओपन सोर्स यही है और जैसा कि किसी ने पहले ही कहा है</p>
<blockquote>
<p>“मूल सामग्री (Original content) पुरानी होने से पहले केवल कुछ सेकंड के लिए ही मूल होती है”<br>
~इंटरनेट का नियम 69</p>
</blockquote>
<p>तो अगर आप एक वेबसाइट बनाना चाहते हैं और आप कोई गिर्की फ्रंटएंड जादूगर नहीं हैं, तो मैं आपको ज़ोला और एमेट्रिन (Ametrine) का उपयोग करने का सुझाव दूंगा।</p>
<h1 id="kuch-behtriin-phiicrs-aur-sttaailing">कुछ बेहतरीन फीचर्स और स्टाइलिंग</h1>
<p>मुझे यह पसंद है कि यह टेबल्स को कैसे रेंडर करता है</p>
<table><thead><tr><th>पेज</th><th>रिपो</th></tr></thead><tbody>
<tr><td>होम</td><td><code>pages</code></td></tr>
<tr><td>जानकारी</td><td><code>pages</code></td></tr>
<tr><td>कार्य</td><td><code>pages</code></td></tr>
<tr><td>ब्लॉग</td><td><code>blog-source</code></td></tr>
</tbody></table>
<p>और कोड ब्लॉक्स</p>
<p>cpp
#include <iostream></p>
<p>int main() {
std::cout << “Hello, World!” << std::endl;
return 0;
}</p>
<p>और ये गिटहब जैसे अलर्ट्स</p>
<blockquote class="markdown-alert-note">
<p>उपयोगी जानकारी जो उपयोगकर्ताओं को पता होनी चाहिए, सामग्री को जल्दी से देखते समय भी।</p>
</blockquote>
<blockquote class="markdown-alert-tip">
<p>चीजों को बेहतर या आसानी से करने के लिए उपयोगी सलाह।</p>
</blockquote>
<blockquote class="markdown-alert-important">
<p>अपने लक्ष्य को प्राप्त करने के लिए उपयोगकर्ताओं को पता होनी चाहिए महत्वपूर्ण जानकारी।</p>
</blockquote>
<blockquote class="markdown-alert-warning">
<p>तत्काल ध्यान देने योग्य जानकारी ताकि समस्याओं से बचा जा सके।</p>
</blockquote>
<blockquote class="markdown-alert-caution">
<p>कुछ क्रियाओं के जोखिमों या नकारात्मक परिणामों के बारे में सलाह।</p>
</blockquote>
<p>बटन भी अच्छे हैं</p>
<p><button class="suggested">कुछ करें…</button>
<a class="button external" href="https://example.org">उदाहरण</a></p>
<p>और भी बहुत कुछ, इसे खुद <a class="external" rel="external" href="https://ametrine.daudix.one/">Ametrine</a> की वेबसाइट पर देखें</p>
<h1 id="nisskrss">निष्कर्ष</h1>
<p>यह निश्चित रूप से एक दिलचस्प यात्रा रही है; Hugo का उपयोग करने की कोशिश करना, अपना मानसिक संतुलन खोना, जीवन के फैसलों पर पछताना, अजीब चीजें सीखना और यह सोचने के लिए अपने 1 ब्रेन सेल का उपयोग करना कि इसे अच्छा कैसे दिखाऊं, थक जाना (burnout), वापस आना, और अधिक अजीब चीजें सीखना, टालमटोल करना, वापस आना, आधी स्टाइल्स को फिर से लिखना, और अंत में यह पता चलना कि मुझे इसकी कोई जरूरत ही नहीं थी (यह थोड़ा दुख देता है 😭)। लेकिन हां, मुझे लगता है कि अब यह लंबे समय तक मेरी मुख्य वेबसाइट होगी : )</p>
<p>खुशी है कि मुझे <a class="external" rel="external" href="https://ametrine.daudix.one/">Ametrine</a> और <a class="external" rel="external" href="https://daudix.one/">Daudix</a> मिले।</p>