पेज</th>	रिपो</th></tr></thead>
होम</td>	`pages</code></td></tr>`
जानकारी</td>	`pages</code></td></tr>`
कार्य</td>	`pages</code></td></tr>`
ब्लॉग</td>	blog-source</code></td></tr> </tbody></table> और कोड ब्लॉक्स</p> cpp #include </p> int main() { std::cout << “Hello, World!” << std::endl; return 0; }</p> और ये गिटहब जैसे अलर्ट्स</p> उपयोगी जानकारी जो उपयोगकर्ताओं को पता होनी चाहिए, सामग्री को जल्दी से देखते समय भी।</p> </blockquote> चीजों को बेहतर या आसानी से करने के लिए उपयोगी सलाह।</p> </blockquote> अपने लक्ष्य को प्राप्त करने के लिए उपयोगकर्ताओं को पता होनी चाहिए महत्वपूर्ण जानकारी।</p> </blockquote> तत्काल ध्यान देने योग्य जानकारी ताकि समस्याओं से बचा जा सके।</p> </blockquote> कुछ क्रियाओं के जोखिमों या नकारात्मक परिणामों के बारे में सलाह।</p> </blockquote> बटन भी अच्छे हैं</p>

tr1x_em - devlog

मेरा dev सेटअप आपसे बेहतर है

2025-12-13T00:00:00+00:00

इस ब्लॉग में, मैं अपने dev सेटअप और वर्कफ़्लो के बारे में बात करूँगा। यह (थोड़ा सा) </small> Primagen’s Course</a> से प्रेरित है।</p>

संक्षेप में (TL;DR): यहाँ मेरी dotfiles रिपॉजिटरी है: Link</a></p>

Dotfiles प्रबंधन</h2>
Dotfiles क्या हैं? खैर dotfiles यूनिक्स-आधारित सिस्टम (जैसे Linux और macOS) पर छिपी हुई कॉन्फ़िगरेशन फ़ाइलें होती हैं, जो विभिन्न एप्लिकेशन, टूल्स और सिस्टम वातावरण के लिए सेटिंग्स, प्राथमिकताएं और कॉन्फ़िगरेशन को संग्रहीत करती हैं।</em> इसका मतलब है कि यदि आप अपने dotfiles को एक डिवाइस से दूसरे डिवाइस पर ट्रांसफर कर सकते हैं, तो आपका पूरा कॉन्फ़िगरेशन (थीम्स सहित) वैसा ही रहना चाहिए।</p>
Dotfiles प्रबंधन के लिए, मैं GNU Stow</a> का उपयोग करता हूँ। यह बस एक सरल काम करता है, यह फ़ाइलों का उनके वास्तविक डायरेक्टरी में सिमलिंक (symlink) बना देता है। उदाहरण के लिए, मैंने अपनी .config</mark> को /dotfiles/config/.config</mark> के अंदर संग्रहीत किया है (वैसे dotfiles एक git रेपो है)</small>। stow क्या करता है कि वह वहां से फ़ाइलों </del>/dotfiles/config/.config</mark> को लेता है और उन्हें उनके वास्तविक स्थान यानी /.config/</mark> पर सिमलिंक कर देता है। इसलिए जब भी मैं कोई कॉन्फ़िगरेशन अपडेट करता हूँ, वह हमेशा </del>/dotfiles</mark> में संग्रहीत होता है, जो कि एक git रेपो होने के कारण मुझे अपने पूरे फ़ोल्डर का GitHub पर बैकअप लेने की क्षमता देता है।</p>
यदि आप stow के बारे में अधिक जानना चाहते हैं तो मैं आपको निम्नलिखित वीडियो देखने की सलाह देता हूँ</p> </iframe>
यहाँ मेरी dotfiles रिपॉजिटरी है: Link</a></p>
टिलिंग विंडो मैनेजर का उपयोग क्यों करें?</h2>
</p>
Flux</figcaption> </fig>
डेस्कटॉप वातावरण एक ग्राफिकल यूजर इंटरफेस (GUI) है जो ऑपरेटिंग सिस्टम के ऊपर चलता है, और उपयोगकर्ताओं को सिस्टम के साथ इंटरैक्ट करने के लिए एक नेत्रहीन सहज तरीका प्रदान करता है।</em></p>
मैं टिलिंग विंडो मैनेजर पसंद करता हूँ, क्यों? क्योंकि वे मेरे लिए विंडो को प्रबंधित करने का बोझ कम कर देते हैं, और आमतौर पर यह कीबोर्ड द्वारा संचालित होता है। जैसा कि आप जानते हैं, आप माउस की आवश्यकता को जितना कम करेंगे, आपका वर्कफ़्लो उतना ही उत्पादक और सहज होगा।</p>
मैं Hyprland</a> का उपयोग करता हूँ, क्यों? क्योंकि पहले तो यह एक टिलिंग WM है, और दूसरा इसमें बेहतरीन कस्टमाइज़ेशन है और यह देखने में अच्छा लगता है (वैसे मुझे ब्लर बहुत पसंद है)</small> लेकिन आपकी पसंद का कोई भी टिलिंग wm पर्याप्त होगा। और नहीं, मुझे Wayland बनाम Xorg से कोई फर्क नहीं पड़ता, मैंने अतीत में sway, i3, DWM का उपयोग किया है, और बात बस इतनी है कि मुझे एक अच्छा दिखने वाला डेस्कटॉप चाहिए (जैसा कि आप बैनर में देख सकते हैं)</small>। फोटो की बात करें तो, यह मेरा अपना शेल है जिसे Flux</a> कहा जाता है, जो Ignis</a> में बनाया गया है। यह मेरी पसंद के अनुसार अनुकूलित है, लेकिन हाँ यह अच्छा दिखता है (विशेषकर डेप्थ इफेक्ट)। यदि आप एक नए उपयोगकर्ता हैं, तो मैं आपको Hyprland’s Wiki</a> पढ़ने की सलाह दूँगा क्योंकि यह सरल और स्पष्ट है (और अच्छा दिखता है)</small></p>
मैं शेल में क्या देखता हूँ?</h4>
इसे यह भी कहा जा सकता है कि मैंने flux क्यों बनाया, मेरे पास 15.6 इंच की डिस्प्ले है (जो काफी औसत है)</small> और मेरी स्क्रीन पर उपलब्ध सभी जगह का अधिकतम उपयोग करने के लिए मुझे एक ऐसे बार की आवश्यकता है जो छोटा हो लेकिन महत्वपूर्ण चीजें दिखाए। साथ ही, मुझे नीचे बार होने का विचार पसंद नहीं है; कल्पना करें कि आपके सबसे करीब एक बार है जो आपको घूर रहा है, यह मुझे विंडोज जैसा अनुभव देता है। इसके अलावा, इसमें सभी नेटवर्क और विविध नियंत्रण इन-बिल्ट हैं, इसलिए मुझे यह सब प्रबंधित करने के लिए किसी बाहरी ऐप की आवश्यकता नहीं है।</p>
टूल्स</h2>
अब मैं उन टूल्स की सूची दूँगा जिनका मैं दैनिक आधार पर उपयोग करता हूँ।(उनसे संबंधित सभी कॉन्फ़िगरेशन मेरी dotfiles रेपो में हैं)</small></p>
एडिटर: Neovim क्यों?</h3>
</p>
Neovim</figcaption> </fig>
मैं व्यक्तिगत रूप से Neovim</a> का उपयोग करता हूँ क्योंकि यह vim है (और vim मूवमेंट्स)</small> और इसके ऊपर, यह बहुत सारे प्लगइन्स के साथ अत्यधिक कस्टमाइज़ करने योग्य है। यदि आप मुझसे पूछें, तो वह एक चीज क्या है जिसने मेरे dev अनुभव को 100 गुना बेहतर बना दिया? यह Vim मूवमेंट्स को सीखना है, और उत्पादकता वाले हिस्सों के अलावा, यह वास्तव में कोड लिखने को एक सुखद अनुभव बनाता है। शुरुआत में vim मूवमेंट्स सीखना थोड़ा भारी लग सकता है लेकिन मेरा विश्वास करें, यह 100% सार्थक है। सीखने के लिए, मैं theprimagen द्वारा इस प्लेलिस्ट Vim as your editor</a> को देखने का सुझाव दूँगा।</p>
टर्मिनल मल्टीप्लेक्सर: Tmux क्यों?</h3>
</p>
Tmux</figcaption> </fig>
एक टर्मिनल मल्टीप्लेक्सर एक सॉफ्टवेयर एप्लिकेशन है जो कई स्यूडो-टर्मिनल-आधारित लॉगिन सत्रों को एक एकल टर्मिनल डिस्प्ले, टर्मिनल एमुलेटर विंडो, या रिमोट लॉगिन सत्र के भीतर मल्टीप्लेक्स करने की अनुमति देता है।</em></p>
मूल रूप से, यह आपको एक से अधिक नॉन-वोलेटाइल सत्र बनाने देता है (टर्मिनल बंद होने पर भी सत्र बंद नहीं होंगे)</small>। आप सोच रहे होंगे कि सिर्फ अलग विंडो का उपयोग क्यों न करें? खैर, हाँ आप कर सकते हैं, लेकिन क्या होगा यदि आपको एक साथ नौ विंडो की आवश्यकता हो? यहीं पर tmux काम आता है, आप एक ही टर्मिनल में रहते हुए जितनी चाहें उतनी शेल (या विंडो) रख सकते हैं। एक और उपयोग का मामला यह है कि यदि आप किसी VPS में ssh’d हैं, तो क्या होगा यदि आपको एक से अधिक शेल की आवश्यकता है? आपको अलग टर्मिनल विंडो से ssh करना होगा, लेकिन यदि आप tmux का उपयोग करते हैं तो एक ही ssh लॉगिन इसे कर सकता है, और यह बैकग्राउंड में भी चल सकता है इसलिए आपको screen जैसे किसी चीज की आवश्यकता नहीं होगी। साथ ही, आप पेन को स्प्लिट कर सकते हैं और री-ऑर्डरिंग जैसी चीजें कर सकते हैं और अधिक सत्र बना सकते हैं, जिसने इसे मेरे वर्कफ़्लो का एक मुख्य हिस्सा बना दिया है। यदि आप tmux के बारे में अधिक जानना चाहते हैं, तो Dreams of Code का इस पर एक बेहतरीन वीडियो</a> है।</p>
AI सहायता: Opencode और Supermaven</h3>
</p>
Opencode</figcaption> </fig>
व्यक्तिगत रूप से, मुझे डेवलपमेंट में AI का उपयोग करना पसंद नहीं है, क्योंकि मुझे नहीं लगता कि हम उस स्तर पर हैं जहाँ AI विश्वसनीय कोड लिख सके। न तो मैं Vibe Coding</mark> के विचार का समर्थन करता हूँ और न ही मुझे यह पसंद है। लेकिन अन्य समय में जैसे कि एक सामान्य bash स्क्रिप्ट बनाने या व्याकरण संबंधी गलतियों का पता लगाने के लिए, मुझे लगता है कि Opencode</a> सबसे अच्छा है, यह ओपन सोर्स है, डेवलपर बहुत मिलनसार है, और यह मॉडल से बंधा नहीं है, जिसका अर्थ है कि आप किसी भी मॉडल का उपयोग कर सकते हैं, यहाँ तक कि अपना स्थानीय LLM भी ला सकते हैं।</p>
मुझे व्यक्तिगत रूप से आपके एडिटर के अंदर AI का विचार पसंद नहीं है, जैसे कि आपके एडिटर का आधा हिस्सा प्रॉम्प्ट्स और ऐसी चीजों से भरा हो, मैं एडिटर के बाहर और टर्मिनल-आधारित एजेंट को प्राथमिकता देता हूँ ताकि मैं इसके लिए एक विंडो बनाने के लिए बस tmux का उपयोग कर सकूँ। यह सिर्फ मेरी एडिटर और एजेंटों को अलग रखने की प्राथमिकता है, और मुझे लगता है कि ज्यादातर लोगों के पास यही है?(जब तक कि वे वाइब कोडिंग नहीं कर रहे हों?)</small></p>
जो चीज मुझे अपने एडिटर के अंदर पसंद है वह AI-आधारित ऑटो-कंप्लीट है, यह ज्यादातर जगहों पर काम आता है। मैं व्यक्तिगत रूप से Supermaven</a> का उपयोग करता हूँ क्योंकि यह तेज़, मुफ़्त और सटीक है (ज्यादातर समय)</small> और उनके पास एक Neovim प्लगइन भी है, इसीलिए भी।</p>
टर्मिनल: Ghostty</h3>
मुझे इसकी ज्यादा परवाह नहीं है, मैं बस Ghostty</a> का उपयोग करता हूँ। मुझे नहीं लगता कि यह कोई अंतर पैदा करता है, वे सभी एक समान हैं।</p>
Hyprscrolling</h3> </video>
Scrolling Layout</figcaption> </fig>
मैं Hyprland में स्क्रॉलिंग विंडो मैनेजर की सुविधाओं को जोड़ने के लिए Hyprscrolling</a> प्लगइन का उपयोग करता हूँ। मुझे इसे उपयोग किए हुए एक महीना हो गया है और यह बहुत अच्छा है। लेकिन यह पूरी तरह से प्राथमिकताओं पर निर्भर करता है, मुझे यह पसंद है।</p>
कंटेनर-आधारित डेवलपमेंट</h2>
अब यह मैंने हाल ही में सीखा है, और यह पहले से ही मेरे वर्कफ़्लो का एक मुख्य हिस्सा है</p>
यदि आप Systemd</a> का उपयोग करते हैं तो यह Systemd-nspawn</a> के साथ आता है जो तकनीकी रूप से एक न्यूनतम Linux डिस्ट्रिब्यूशन (हेडलेस) बनाता है जिसे मैं कहूँगा कि यह आपके डिस्ट्रो का एक अलग हिस्सा है। यह chroot कमांड की तरह है, लेकिन यह स्टेरॉयड पर chroot है। कंटेनरों का उपयोग करके, मैं होस्ट सिस्टम को न्यूनतम रख सकता हूँ और साथ ही विभिन्न कार्यों के लिए अलग, अच्छी तरह से संगठित वातावरण बनाए रख सकता हूँ। यदि आप इसके बारे में अधिक जानना चाहते हैं, तो आप Gaspar’s</a> के ब्लॉग को देख सकते हैं कि वह अपने डेवलपमेंट कंटेनरों को कैसे प्रबंधित करता है।(उन्हें श्रेय जाता है क्योंकि उन्होंने मुझे भी यही सिखाया है)</small></p>
उल्लेखनीय उल्लेख: गैर-विकास टूल्स</h3>

FFmpeg</a> - अब तक का सबसे महान टूल</li>
Tealdeer</a> - मैन पेज बहुत लंबे हैं</li>
Cppman</a> - सभी CPP मैन पेज ऑफ़लाइन</li>
Curd</a> - मैं इसका उपयोग हर बार करता हूँ जब मुझे एनीमे देखना होता है, वास्तव में सबसे अच्छा।</li>
Vicinae</a> - लिनक्स के लिए Raycast, बस इसे आज़माएं</li> </ul>
निष्कर्ष</h3>
यदि आप मुझसे पूछें कि आपको इसमें से कौन सी दो शीर्ष चीजें अपनानी चाहिए, तो मैं कहूँगा vim मूवमेंट्स सीखना (सिर्फ मूवमेंट्स, Neovim नहीं)</small> और tmux, वे अकेले ही आपके वर्कफ़्लो में भारी सुधार करेंगे।</p>
यदि आपके पास कोई सुझाव है या ऐसे टूल्स हैं जिनका आप हर दिन उपयोग करते हैं, तो मुझे बताएं, शायद मैं भी उनका उपयोग कर सकूँ??</p>
और मेरा सेटअप शायद आपसे बेहतर न हो (या हो सकता है)</small> लेकिन यह निश्चित रूप से मेरे लिए एकदम सही है 😉</p>

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

2025-12-11T00:00:00+00:00

पृष्ठभूमि</h1>
वेबसाइट की जरूरत किसे नहीं होती? तो एक साल पहले मैंने सोचा कि मैं अपने लिए एक वेबसाइट बनाऊंगा, और मैंने बनाई भी। लेकिन पता है क्या? वह पूरी तरह से HTML और CSS में थी (शायद किसी गिटहब रिपो से ली गई थी)। लेकिन मुझे वास्तव में एक बेहतर दिखने वाली वेबसाइट की आवश्यकता महसूस हुई, जिसमें मैं अपने प्रोजेक्ट्स को प्रदर्शित कर सकूं, और शायद एक ब्लॉग भी लिख सकूं।</p>
तो मेरे एक दोस्त Gasper</a>(एक बहुत ही कूल व्यक्ति)</small> ने मुझे Hugo</a> इस्तेमाल करने का सुझाव दिया और मैं सोचने लगा “ये Hugo क्या है?”। मैंने इसे कैसे उपयोग करें, इस पर एक बहुत अच्छा, स्पष्ट और संक्षिप्त वीडियो देखा और मैंने सोचा “ठीक है, मैं इसे आजमाऊंगा”।</p> </iframe>
^ मेरी राय में Hugo के लिए यह सबसे बेहतरीन वीडियो है।</p>
और यह कुछ ऐसा बना</p>

पुरानी वेबसाइट</figcaption> </figure>
मुझे पता है कि यह बेकार है (कभी-कभी मैं खुद इसके नतीजों को देखकर हैरान हो जाता हूं 🤡), लेकिन मैंने सोचा “मेरे श्रेष्ठ दिमाग ने जो किया है, यह वही है”। साथ ही, मेरा फ्रंटएंड और स्टाइलिंग करने का बिल्कुल भी मन नहीं करता।</p>
ज़ोला (Zola) का आगमन</h1>
मैं Gradience Autopsy: Rise and Set - Daudix</a> (Gradience के लिए हमेशा प्यार) </small> पढ़ रहा था और इसके लुक्स ने मेरा ध्यान खींचा। और फिर मुझे Zola</a> के बारे में पता चला। मेरे लिए Zola, Hugo जैसा ही है (XD मुझे नहीं पता कि मैं कितना सही हूं) और इसके साथ मुझे Daudix</a> नाम के एक व्यक्ति और Zola के लिए उनकी थीम Ametrine</a> के बारे में पता चला, हालांकि उनके अनुसार यह स्थिर (stable) नहीं है, लेकिन एक आर्च (Arch) यूजर होने के नाते मुझे स्थिर चीजों की बिल्कुल भी परवाह नहीं है।</p>
Ametrine अब तक की सबसे बेहतरीन थीम है जिसे मैंने देखा है, इसका उपयोग करना इतना आसान है और परिणाम आप यहां देख रहे हैं, बेशक मैंने Daudix की वेबसाइट से भी कॉपी-पेस्ट किया है लेकिन हां, ओपन सोर्स यही है और जैसा कि किसी ने पहले ही कहा है</p>

“मूल सामग्री (Original content) पुरानी होने से पहले केवल कुछ सेकंड के लिए ही मूल होती है”
~इंटरनेट का नियम 69</p> </blockquote>
तो अगर आप एक वेबसाइट बनाना चाहते हैं और आप कोई गिर्की फ्रंटएंड जादूगर नहीं हैं, तो मैं आपको ज़ोला और एमेट्रिन (Ametrine) का उपयोग करने का सुझाव दूंगा।</p>
कुछ बेहतरीन फीचर्स और स्टाइलिंग</h1>
मुझे यह पसंद है कि यह टेबल्स को कैसे रेंडर करता है</p>
पेज</th> रिपो</th></tr></thead>

होम</td> pages</code></td></tr>
जानकारी</td> pages</code></td></tr>
कार्य</td> pages</code></td></tr>
ब्लॉग</td> blog-source</code></td></tr> </tbody></table> और कोड ब्लॉक्स</p> cpp #include </p> int main() { std::cout << “Hello, World!” << std::endl; return 0; }</p> और ये गिटहब जैसे अलर्ट्स</p> उपयोगी जानकारी जो उपयोगकर्ताओं को पता होनी चाहिए, सामग्री को जल्दी से देखते समय भी।</p> </blockquote> चीजों को बेहतर या आसानी से करने के लिए उपयोगी सलाह।</p> </blockquote> अपने लक्ष्य को प्राप्त करने के लिए उपयोगकर्ताओं को पता होनी चाहिए महत्वपूर्ण जानकारी।</p> </blockquote> तत्काल ध्यान देने योग्य जानकारी ताकि समस्याओं से बचा जा सके।</p> </blockquote> कुछ क्रियाओं के जोखिमों या नकारात्मक परिणामों के बारे में सलाह।</p> </blockquote> बटन भी अच्छे हैं</p>