- Jekyll, Ghost, WordPress के बिना खुद ब्लॉग बनाने का एक उदाहरण
- बुनियादी आवश्यकताएँ हैं अपने स्वामित्व वाला डोमेन इस्तेमाल करना, static site generation, SEO अनुपालन, आसानी से नई पोस्ट जोड़ना आदि
- मुख्य संरचना
template.html और render.py स्क्रिप्ट पर आधारित है, और Markdown में लिखी पोस्टों से सभी पेज अपने-आप render हो जाते हैं
- markdown2 Python लाइब्रेरी का उपयोग करके Markdown → HTML रूपांतरण और पेज जनरेशन को ऑटोमेट किया गया है
- SEO और आधुनिक web standards का पालन करते हुए भी सामग्री जोड़ना सरल रहे, इस संरचना पर ज़ोर दिया गया है
ब्लॉग की आवश्यकताएँ
- मौजूदा स्वामित्व वाला डोमेन इस्तेमाल करना
- आधुनिक web standards और SEO friendliness बनाए रखना
- पोस्ट जोड़ना बहुत आसान होना
- सभी पेज statically generate होने
इम्प्लीमेंटेशन प्रक्रिया का सार
template.html फ़ाइल बनाना → बेसिक HTML layout तैयार करना
pip install markdown2 कमांड से Markdown rendering tool इंस्टॉल करना
O1 से rendering के लिए Python script (render.py) तैयार करने का अनुरोध
posts/ फ़ोल्डर के अंदर eng.md फ़ॉर्मेट में पोस्ट लिखना
render.py चलाकर HTML conversion और output फ़ोल्डर बनाना
मुख्य HTML टेम्पलेट (template.html)
- HTML संरचना सरल और minimal है, और
{{ content }} की जगह Markdown rendering का परिणाम डाला जाता है
- CSS में
system-ui आधारित फ़ॉन्ट, adaptive padding, color-scheme सेटिंग आदि के जरिए पठनीयता सुनिश्चित की गई है
मुख्य Python rendering script (render.py)
markdown2 का उपयोग करके हर Markdown पोस्ट को HTML में बदला जाता है
- रूपांतरण के दौरान
<img> path को /posts/{post_code}/ से अपने-आप बदल दिया जाता है
- HTML शीर्षक Markdown के
# 헤더 से निकाला जाता है
index.html को greetings.md + हर पोस्ट के शीर्षकों की सूची से बनाया जाता है
- अंतिम आउटपुट
./blog/ फ़ोल्डर में .html के रूप में सेव होता है
5 टिप्पणियां
मैं भी अभी अपना ब्लॉग बिल्कुल ऊपर बताए गए तरीके से चला रहा हूँ। मैं अपनी व्यक्तिगत ज़रूरतों को पूरा करने वाला एक SSG बनाकर इस्तेमाल कर रहा हूँ। थंबनेल इमेज, category और tag फीचर का उपयोग करने के लिए मैंने अलग-अलग custom फीचर जोड़े हैं। जो इमेज अटैच करता हूँ, उन्हें अपने-आप webp में कन्वर्ट करके रेफ़र कराया जाता है, और इसकी वजह से rendering speed से मैं बहुत संतुष्ट हूँ।
ओह, तो क्या आप ऐसी custom features सीधे खुद code लिखकर जोड़ते जाते हैं? मैं भी हमेशा DIY करने की सोचता हूँ, लेकिन पहले से इस्तेमाल किए गए SSG blog frameworks के दिए हुए extensions और plugin features की वजह से हिचकिचाहट होती है।
लालच थोड़ा कम कर दें, बस इतना कर लें तो बाकी चीज़ें ज़्यादा मुश्किल नहीं रहतीं। ssg भी अगर AI से कहें तो वह सारा कोड लिख देता है, और फीचर जोड़ने को कहें तो सच में वह सब कुछ जोड़ भी देता है, हाहा
अगर सिर्फ़ फ़ॉन्ट सुंदर चुन लें, तो उसे देखना काफ़ी अच्छा लगता है।
Hacker News राय
ब्लॉग शुरू करते समय SSG का इस्तेमाल किया, लेकिन आखिर में Wordpress पर स्विच किया और इससे ज़्यादा आज़ादी मिली
ब्लॉग कहलाने के लिए ज़रूरी दो चीज़ें
स्वतंत्र वेबसाइटों के प्रति लगाव
ब्राउज़र में text/markdown और text/gemini के लिए native support की इच्छा
उस bug की ओर इशारा जिसमें "Minimum viable blog" स्ट्रिंग पोस्ट के शीर्षक से बदल जाती है
साधारण HTML पेज के रूप में ब्लॉग चलाया, लेकिन अब Astro का इस्तेमाल करके अधिक उन्नत साइट चला रहे हैं
Bun JS और HTML को JS string के रूप में इस्तेमाल करने का प्रयोग
15 साल तक न्यूनतम ब्लॉग के साथ प्रयोग करते हुए सीखे गए कुछ tricks
Hugo/Zola और Cloudflare Pages का उपयोग करने वाले standard static blogging framework की सहजता
पुराने ब्लॉग को फिर से जीवित करने की प्रक्रिया में Hexo की असुविधा का अनुभव