6 पॉइंट द्वारा GN⁺ 2025-05-04 | 5 टिप्पणियां | WhatsApp पर शेयर करें
  • 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 टिप्पणियां

 
ifmkl 2025-05-07

मैं भी अभी अपना ब्लॉग बिल्कुल ऊपर बताए गए तरीके से चला रहा हूँ। मैं अपनी व्यक्तिगत ज़रूरतों को पूरा करने वाला एक SSG बनाकर इस्तेमाल कर रहा हूँ। थंबनेल इमेज, category और tag फीचर का उपयोग करने के लिए मैंने अलग-अलग custom फीचर जोड़े हैं। जो इमेज अटैच करता हूँ, उन्हें अपने-आप webp में कन्वर्ट करके रेफ़र कराया जाता है, और इसकी वजह से rendering speed से मैं बहुत संतुष्ट हूँ।

 
winterjung 2025-05-07

ओह, तो क्या आप ऐसी custom features सीधे खुद code लिखकर जोड़ते जाते हैं? मैं भी हमेशा DIY करने की सोचता हूँ, लेकिन पहले से इस्तेमाल किए गए SSG blog frameworks के दिए हुए extensions और plugin features की वजह से हिचकिचाहट होती है।

 
ifmkl 2025-05-07

लालच थोड़ा कम कर दें, बस इतना कर लें तो बाकी चीज़ें ज़्यादा मुश्किल नहीं रहतीं। ssg भी अगर AI से कहें तो वह सारा कोड लिख देता है, और फीचर जोड़ने को कहें तो सच में वह सब कुछ जोड़ भी देता है, हाहा

 
ndrgrd 2025-05-04

अगर सिर्फ़ फ़ॉन्ट सुंदर चुन लें, तो उसे देखना काफ़ी अच्छा लगता है।

 
GN⁺ 2025-05-04
Hacker News राय
  • ब्लॉग शुरू करते समय SSG का इस्तेमाल किया, लेकिन आखिर में Wordpress पर स्विच किया और इससे ज़्यादा आज़ादी मिली

    • ऐसे टूल्स से बचना ज़रूरी है जो लिखने में बाधा बनें
    • लिखने पर फोकस करने के लिए टालमटोल से बचना चाहिए
  • ब्लॉग कहलाने के लिए ज़रूरी दो चीज़ें

    • पोस्ट्स को तारीख़ के क्रम में सजाया जाना चाहिए और तारीख़ दिखनी चाहिए
    • RSS feed ज़रूरी है
  • स्वतंत्र वेबसाइटों के प्रति लगाव

    • 25 साल पहले ASP से शुरू हुई वेबसाइट अब Common Lisp पर चलती है
    • न्यूनतम फीचर्स वाली वेबसाइट से शुरुआत की और धीरे-धीरे फीचर्स जोड़े
    • नए आइडिया हमेशा लुभावने होते हैं, लेकिन ध्यान रखना चाहिए कि प्रोजेक्ट बेकाबू होकर बहुत बड़ा न हो जाए
  • ब्राउज़र में text/markdown और text/gemini के लिए native support की इच्छा

    • दूसरे formats का support publishing की बाधा कम करता है और users को फिर से control देता है
  • उस bug की ओर इशारा जिसमें "Minimum viable blog" स्ट्रिंग पोस्ट के शीर्षक से बदल जाती है

  • साधारण HTML पेज के रूप में ब्लॉग चलाया, लेकिन अब Astro का इस्तेमाल करके अधिक उन्नत साइट चला रहे हैं

    • Astro content-केंद्रित साइटों के लिए optimized platform है
  • Bun JS और HTML को JS string के रूप में इस्तेमाल करने का प्रयोग

    • IntelliJ IDE HTML को पहचानता है और formatting तथा highlighting को support करता है
  • 15 साल तक न्यूनतम ब्लॉग के साथ प्रयोग करते हुए सीखे गए कुछ tricks

    • JSX server-side string builder के रूप में उपयोगी है
    • GH Pages, Jekyll की तुलना में ज़्यादा आसानी से इस्तेमाल किया जा सकता है
    • highlight.js अब भी code highlighting के लिए उपयोगी है
  • Hugo/Zola और Cloudflare Pages का उपयोग करने वाले standard static blogging framework की सहजता

    • Hugo Blog Awesome theme का उपयोग
    • पेज का आकार 512kb से नीचे रखते हैं
  • पुराने ब्लॉग को फिर से जीवित करने की प्रक्रिया में Hexo की असुविधा का अनुभव

    • themes सही से काम नहीं कर रहे, इसलिए अपना theme विकसित करने पर विचार कर रहे हैं
    • जटिलता बढ़ सकती है, लेकिन समस्या हल करने की कोशिश कर रहे हैं