Typecho से Astro में माइग्रेशन
पहले जब मैं डायनामिक ब्लॉग चलाता था, तो हमेशा यही चिंता लगी रहती थी कि कहीं सर्वर का रिन्यूअल छूट न जाए, या प्रोग्राम अपग्रेड करते समय कोई गड़बड़ी आ जाए। स्टेटिक ब्लॉग से रूबरू होने के बाद लगा कि यह एक बेहतरीन समाधान है। Hugo, Hexo और Astro — इन तीनों विकल्पों की तुलना करने के बाद मैंने अंततः Astro को चुना।
स्टेटिक ब्लॉग के फायदे
- मुफ्त होस्टिंग - डोमेन को छोड़कर, बड़ी टेक कंपनियां व्यक्तिगत डेवलपर्स को मुफ्त होस्टिंग सेवा देती हैं।
- शून्य रखरखाव - लेख आपके अपने कंप्यूटर में सुरक्षित रहते हैं; बस होस्टिंग प्लेटफॉर्म चलता रहे, ब्लॉग हमेशा चलता रहेगा।
- प्री-रेंडरिंग - स्टेटिक ब्लॉग डिप्लॉय होने से पहले ही शुद्ध HTML/CSS/JS फाइलें बना चुका होता है; कोई बैकएंड भी नहीं होता।
- CDN के अनुकूल - चूंकि सब कुछ स्टेटिक फाइलें हैं, दुनियाभर के एज नोड्स पर डिस्ट्रीब्यूट होने के बाद यूज़र्स को मिलीसेकंड में लोडिंग मिलती है।
Astro ही क्यों चुना
- स्टेटिक-फर्स्ट - शुद्ध HTML फाइलें जनरेट करता है; न डेटाबेस चाहिए, न सर्वर।
- शानदार परफॉर्मेंस - डिफ़ॉल्ट रूप से ज़ीरो JavaScript; लोडिंग स्पीड बेहद तेज़।
- उच्च लचीलापन - Markdown, MDX और कई फ्रेमवर्क्स के मिश्रण को सपोर्ट करता है।
- सक्रिय इकोसिस्टम - कम्युनिटी एक्टिव है, डॉक्यूमेंटेशन विस्तृत है, प्लगइन्स की भरमार है।
Astro के लिए Sintu सिंगल-कॉलम थीम
यह Astro सिंगल-कॉलम टेम्पलेट थीम मैंने खुद डिज़ाइन और बनाई है। अब मैंने Hermes को Typecho से Astro में माइग्रेट किया है; इस प्रक्रिया में काफी फंक्शनल अपग्रेड किए गए, और कोड पहले की तुलना में एक-तिहाई छोटा हो गया। यहाँ एक बात कहना चाहूँगा — AI के बढ़ते इस्तेमाल ने पहले जो जटिल चीज़ें थीं, वे काफी आसान हो गई हैं; डेवलपमेंट की रफ्तार लगभग अलौकिक है, कोड क्वालिटी लगभग परफेक्ट है, और मुझे खुद एक जीनियस प्रोग्रामर जैसा महसूस हो रहा है 😂
फीचर्स
- परफॉर्मेंस फुल मार्क्स - मिलीसेकंड लोडिंग; Google Lighthouse पर मोबाइल और डेस्कटॉप दोनों पर 100/100 स्कोर।
- डार्क मोड - लोगो के बगल में डार्क मोड स्विच जोड़ा गया है।
- थंबनेल होवर ज़ूम - ज़ूम के अलावा, इमेज पर क्लिक करने पर आर्टिकल पेज पर रीडायरेक्ट होता है।
- मोबाइल पर प्रीव्यू इमेज नहीं लोड होती - अलग-अलग स्क्रीन साइज़ के लिए अलग-अलग रिसोर्सेस लोड होते हैं, जिससे डेटा बचता है।
- अलीबाबा क्लाउड OSS से इमेज प्रोसेसिंग - इमेजेज़ OSS के ज़रिए प्रोसेस होती हैं; HTML रेंडरिंग के बाद इमेज पैरामीटर्स जोड़े जाते हैं, जिससे बैंडविड्थ बचती है।
- परफॉर्मेंस ऑप्टिमाइज़ेशन - CSS Vite के ज़रिए बंडल और मर्ज होता है; इमेजेज़ लेज़ी-लोड होती हैं।
- रेस्पॉन्सिव डिज़ाइन - डेस्कटॉप और मोबाइल दोनों पर परफेक्ट एडाप्टेशन; एक ही ग्रिड सिस्टम का इस्तेमाल।
- कमेंट बॉक्स - Twikoo की ऑफिशियल मेथड से कमेंट बॉक्स इंस्टॉल किया गया है।
लेख प्रकाशित करने का तरीका
- लोकल पर Markdown में लेख लिखें।
- Hermes Agent को मैसेज भेजकर GitHub रिपॉज़िटरी में पुश करें (या खुद GitHub से भी पुश कर सकते हैं)।
- Tencent Edgeone, Vercel, Netlify, Cloudflare Pages ऑटोमैटिक अपडेट पुल करके बिल्ड करते हैं।
- ऑटोमैटिकली दुनियाभर के CDN नोड्स पर डिप्लॉय हो जाता है।
ओपन सोर्स
यह थीम ओपन सोर्स है; अच्छी लगे तो ऑथर को डोनेट भी कर सकते हैं: