41 पॉइंट द्वारा GN⁺ 2025-04-29 | 11 टिप्पणियां | WhatsApp पर शेयर करें
  • Obsidian में लोकल पर लेख लिखने के बाद Hugo + Bear Blog theme + Cloudflare Pages के संयोजन से तेज़ और मुफ़्त में पर्सनल ब्लॉग डिप्लॉय किया जा सकता है
  • GitHub के ज़रिए version control और auto deployment से संचालन आसान हो जाता है। बस लिखें, सेव करें, commit करें और पोस्ट तुरंत publish हो जाती है
  • शुरुआती setup के लिए थोड़ा development knowledge चाहिए, लेकिन उसके बाद workflow बहुत सरल हो जाता है
  • यह हल्के और लंबे समय तक टिकाऊ blogging तरीक़े की तलाश करने वालों के लिए उपयुक्त है

विस्तृत संरचना

  • सभी लेख Obsidian का उपयोग करके लिखे जाते हैं
    • लोकल फ़ाइल स्टोरेज तरीके की वजह से सारा डेटा आपके अपने नियंत्रण में रहता है
    • Minimal theme साफ़-सुथरा और बिना बाधा वाला interface देता है
    • iCloud के ज़रिए अलग-अलग डिवाइसों के बीच असीमित sync संभव है (Dropbox, Google Drive भी इस्तेमाल किए जा सकते हैं)
  • Publishing
    • Hugo: बेहद तेज़ static site generator
    • Bear Blog theme: minimal और तेज़ ब्लॉग theme
    • GitHub + Cloudflare Pages: मुफ़्त में वेबसाइट डिप्लॉय की जा सकती है
    • फ़ायदे: कोई subscription fee नहीं, कोई vendor lock-in नहीं, platform policy बदलने का जोखिम नहीं

सिस्टम सेटिंग

  • Hugo इंस्टॉल करने के बाद नई साइट बनाएं
    hugo new site myblog  
    cd myblog  
    
  • Bear Blog theme जोड़ें
    git init  
    git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog  
    
  • config.toml फ़ाइल में Bear Blog theme सेट करें
    theme = 'hugo-bearblog'  
    
  • Obsidian को Hugo से जोड़ें
    • Hugo के content/blog फ़ोल्डर में लेख लिखें
    • Obsidian में "Open folder as vault" फ़ीचर का उपयोग करके उसी फ़ोल्डर को जोड़ें
    • ऐसा करने पर Obsidian में लिखा गया लेख सीधे Hugo साइट की पोस्ट से जुड़ जाता है
  • Obsidian में लिखे जाने वाले लेख के शीर्ष पर Hugo के लिए Front Matter template जोड़ें
    +++  
    title= "Your Post Title"  
    date= YYYY-MM-DD  
    tags= ["post"]  
    draft= true  
    +++  
    
  • Publish करने के लिए तैयार होने पर draft का मान false में बदलें
  • Hugo के लोकल सर्वर फ़ीचर का उपयोग करके ब्राउज़र में लेख का preview देखें
    hugo server -D  
    
  • नया GitHub repository बनाएं और लोकल प्रोजेक्ट को उससे जोड़ें
    git remote add origin https://github.com/yourusername/yourblog.git  
    git add .  
    git commit -m "Initial commit"  
    git push -u origin main  
    
  • Cloudflare पर साइन अप करने के बाद Pages project बनाएं
    • GitHub repository को कनेक्ट करें और नीचे दिए गए build settings लागू करें
      • Build command: hugo --minify
      • Output directory: public

Publishing workflow

  • Obsidian में पोस्ट लिखें
  • Front Matter template में draft: true को draft: false में बदलें
  • GitHub पर commit और push करें
    git add . git commit -m "Publish new post" git push
  • Cloudflare Pages बदलावों को अपने-आप पहचान लेता है और साइट को फिर से build करके 1~2 मिनट के भीतर लागू कर देता है

11 टिप्पणियां

 
codject 2025-05-05

मैं भी Hugo ब्लॉग चला रहा हूँ।
Obsidian में लेख लिखने के बाद, Github repository push को trigger बनाकर Cloudflare Pages पर host करने का तरीका इस्तेमाल करता हूँ।
और इसमें Algolia search service भी जोड़ी है, और हर नया लेख लिखने पर indexing के लिए एक sh फ़ाइल बनाकर उसमें git, indexing आदि के सारे जुड़े हुए commands डाल देता हूँ, फिर sh command चलाकर लेख publish करता हूँ.

लिखे हुए लेखों को कभी-कभी graph view में जोड़कर देखने का मज़ा होने की वजह से मैं मुख्य रूप से Obsidian इस्तेमाल करता हूँ.

 
sungchi 2025-04-30

मैं भी कुछ समय तक इसी तरह करता रहा, लेकिन अब github.com के repository में सीधे लिखता हूँ। (github pages के उस फ़ीचर का उपयोग करते हुए जो jekyll को अपने-आप build कर देता है)

https://plan9.kr/

 
jk34011 2025-05-02

अरे, क्या आप वही हैं जिन्होंने Text Battle बनाया था?
मैंने इसे पहले community में देखा था और बड़े मज़े से खेला था, हाहा। आपसे मिलकर अच्छा लगा

 
zxshinxz 2025-04-29

मैं भी Hugo से ब्लॉग बना रहा हूँ, इसलिए यह देखकर अच्छा लगा!
मैंने Obsidian को मुख्य editor के तौर पर इस्तेमाल करने के बारे में भी सोचा था, लेकिन अगर कंप्यूटर वाला environment उपलब्ध हो तो VSCode बेहतर लगता है।
क्योंकि changes millisecond स्तर पर reflect हो जाते हैं, इसलिए मुझे खास तौर पर Obsidian की ज़रूरत महसूस नहीं हुई।

 
halfenif 2025-04-29

मुझे समझ नहीं आता कि Hugo और Obsidian को जोड़ने की क्या ज़रूरत है।

अगर आप Hugo यूज़र हैं, तो मुझे लगता है कि VSCode ज़्यादा स्वाभाविक विकल्प है।

 
bobross0 2025-04-29

यह वाकई दिलचस्प है।

 
gdaw3440 2025-04-29

digital garden प्लगइन भी सुविधाजनक है

 
haejuk99 2025-04-29

सामग्री साझा करने के लिए धन्यवाद। मैं अभी obsidian पहली बार इस्तेमाल कर रहा हूँ, इसलिए इसे साथ में भी आज़माना चाहिए।

 
ethanhur 2025-04-29

अच्छी जानकारी के लिए धन्यवाद। मैं आजकल Obsidian का काफी इस्तेमाल कर रहा हूँ, और लगता है कि यह कॉम्बिनेशन मेरे लिए अच्छी तरह फिट बैठता है।

 
tequila 2025-04-29

मैंने भी कुछ दिन पहले ही Hugo से एक ब्लॉग बनाया था, इसलिए यह देखकर बहुत अच्छा लगा।
मैंने इसे इस तरह सेट किया है कि push करते ही GitHub Pages पर deploy हो जाए। haha
मुझे Obsidian भी बहुत पसंद है, लेकिन मैं यह भी recommend करूंगा कि आप vscode में Front Matter नाम का extension इस्तेमाल करें।
यह एक हल्का-फुल्का CMS feature देता है; बिल्कुल perfect तो नहीं है, लेकिन बुरा भी नहीं है।

 
GN⁺ 2025-04-29
Hacker News राय
  • यह स्टैक पूरा नियंत्रण देता है: कोई subscription नहीं, कोई vendor lock-in नहीं, प्लेटफ़ॉर्म के बंद हो जाने या policy बदलने का जोखिम नहीं
    • लेखक इसके ज़रिए दिखाता है कि "पूरा नियंत्रण" का मतलब काफ़ी बदल गया है
  • static blog चलाना self-hosting के लिए सबसे आसान scenarios में से एक है
  • दो बाहरी कंपनियों के free tier पर निर्भर रहते हुए "पूरा नियंत्रण" और "प्लेटफ़ॉर्म के गायब होने का कोई जोखिम नहीं" की बात करना अजीब लगता है
  • एक साल बाद "मैंने अपना blog दोबारा कैसे बनाया" वाली अगली blog post का इंतज़ार है
  • "मैंने अपना blog [next.js/Gatsby आदि] से कैसे बनाया" को Google पर खोजना एक मज़ेदार hobby है
  • सैकड़ों developer blogs में blog बनाने का तरीका बताने वाली पोस्टों के अलावा कोई पोस्ट नहीं है
  • इस संदर्भ में Obsidian का चुनाव थोड़ा अजीब, लेकिन दिलचस्प है
    • Hugo project के subfolder को Obsidian में खोलने की बजाय पूरे प्रोजेक्ट को VSCode या किसी समान IDE में खोला जा सकता है
    • Obsidian का Markdown editing experience सामान्य IDE से अलग है
    • अगर आप Obsidian के feature set को पसंद करते हैं, तो यह चुनाव समझ में आता है
    • Markdown की एक बड़ी ताकत यह है कि इसे कई अलग-अलग editors support करते हैं
  • मेरे पास भी ऐसा ही setup है, लेकिन मैंने एक custom Obsidian plugin लिखा है जो asset compression/frontmatter conversion/bundle को Github blog repository में push करता है
  • Github Pelican का इस्तेमाल करके इसे HTML में बदलता है और VPS पर deploy करता है
    • आप आसानी से WYSIWYG interface रख सकते हैं
    • VSCode Markdown blogging के लिए काफ़ी है
    • Hugo save करते ही pages compile कर देता है, इसलिए तेज़ी से iteration संभव है
  • प्लेटफ़ॉर्म के बंद हो जाने या policy बदलने का जोखिम अभी भी बना हुआ है
  • Jekyll बड़े content पर धीमा है, लेकिन Hugo तेज़ है
  • Github Pages, CloudFlare Pages, Netlify, Vercel के बीच आसानी से migrate किया जा सकता है
  • Kirby CMS सबसे बेहतर fit है
  • SSG को कुछ साल छोड़ दिया जाए तो software rot हो सकता है
  • Obsidian Publish का इस्तेमाल करके Hugo, Github, Cloudflare को हटाया जा सकता है