परिचय
ChatGPT, Canva, Gemini Canvas, Claude Artifacts किंवा Sider Web Creator यांसारख्या AI साधनांचा वापर करून साइट तयार केल्यानंतर, GitHub Pages वर वेब होस्टिंग कसे हाताळायचे जेणेकरून तुम्ही तुमच्या स्वतःच्या डोमेनद्वारे साइटला भेट देऊ शकता, हा पुढचा मोठा प्रश्न आहे. हे मार्गदर्शन मध्ये प्रोजेक्ट एक्सपोर्ट करण्यापासून ते तुमच्या पर्सनल डोमेन अंतर्गत पूर्णपणे तयार वेबसाइटपर्यंतच्या प्रवासात तुम्हाला मार्गदर्शन करते—या दरम्यान वेब होस्टिंग आणि GitHub Pages कॉन्फिगरेशन सोपे करून सांगते.
🎯 तुम्ही काय शिकाल
GitHub Pages वेब-होस्टिंग वर्कफ्लो निवडण्यापूर्वी AI-जनरेटेड प्रोजेक्ट फाइल्स योग्यरित्या कशा डाउनलोड करायच्या आणि समजून घ्यायच्या.
GitHub Pages वर साइट मोफत तैनात करण्यासाठी चरण-दर-चरण सूचना.
GitHub Pages सेटिंग्जमध्ये तुमचे स्वतःचे कस्टम डोमेन कसे खरेदी करायचे आणि बांधायचे आणि सर्वोत्तम DNS रेकॉर्ड्सशी कनेक्ट कसे करायचे.
GitHub Pages सेटअप लाइव्ह झाल्यावर साइट पूर्णपणे प्रोफेशनल आणि विश्वसनीय दिसण्यासाठी प्रो टिप्स.
📥 पायरी 1: Sider Web Creator मधून तुमची साइट डाउनलोड करा
GitHub Pages सह बहुतेक स्टॅटिक-होस्टिंग प्लॅटफॉर्मना क्लीन बिल्ड फोल्डरची अपेक्षा असते, त्यामुळे प्रथम तुम्हाला तुमच्या फाइल्स गोळा करणे आवश्यक आहे.
1.1 प्रोजेक्ट फाइल्स डाउनलोड करा
Web Creator साइट जनरेट करणे पूर्ण झाल्यावर, वरच्या उजव्या कोपऱ्यातील डाउनलोड बटणावर क्लिक करा.
सिस्टम तुमचा प्रोजेक्ट पॅकेज करेपर्यंत थांबा.
तुम्हाला GitHub Pages अपलोडसाठी तयार असलेली .zip फाइल मिळेल.
तुमच्या कॉम्प्युटरवर कुठेही झिप एक्सट्रॅक्ट करा.
1.2 फाइल स्ट्रक्चर समजून घ्या (महत्वाचे!)
my‑website/
├── dist/ ⭐ **GitHub Pages** साठी प्रोडक्शन बिल्ड
│ ├── index.html → होम पेज
│ ├── assets/ → स्टाइल्स आणि स्क्रिप्ट्स
│ └── …
├── src/ 📝 सोर्स कोड फोल्डर
├── package.json 📦 प्रोजेक्ट कॉन्फिगरेशन
└── …इतर फाइल्स
महत्त्वाचे: dist/ मधील कंटेंट केवळ GitHub Pages वर प्रकाशित केला जातो.
1.3 लोकल प्रीव्ह्यू टेस्ट
dist/ फोल्डरमध्ये जा.
index.html वर डबल-क्लिक करा.
साइट तुमच्या ब्राउझरमध्ये उघडेल.
GitHub Pages वर पुश करण्यापूर्वी सर्व काही व्यवस्थित आहे का ते तपासा.
🚀 पायरी 2: डिप्लॉयमेंट प्लॅटफॉर्म निवडा
GitHub Pages या मार्गदर्शकाचा नायक असला तरी, येथे एक त्वरित तुलना दिलेली आहे:
| |
|---|
🌟 GitHub Pages (या मार्गदर्शकाचा फोकस) | पूर्णपणे मोफत • ड्रॅग-अँड-ड्रॉप किंवा git push डिप्लॉयमेंट • मोफत HTTPS • ग्लोबल CDN • कस्टम डोमेन्स • GitHub Actions सह मूळ CI |
| ग्लोबल एज नेटवर्क • 100% मोफत • अत्यंत वेगवान |
| |
📤 पायरी 3: GitHub Pages वर डिप्लॉय करा (सविस्तर मार्गदर्शन)
GitHub Pages डेव्हलपर प्लॅटफॉर्ममध्ये असले तरी, पुश-बटण सोयीसह हे अल्ट्रा-मॉडर्न वेब होस्टिंग आहे असे समजा.
3.1 साइन अप करा आणि रिपॉजिटरी तयार करा
github.com ला भेट द्या आणि साइन इन करा.
+ नवीन रिपॉजिटरी वर क्लिक करा.
त्याला my‑website असे नाव द्या आणि Public निवडा (किंवा तुमच्याकडे सशुल्क योजना असल्यास Private; GitHub Pages आता प्रायव्हेट रिपॉजिटरीला सपोर्ट करते).
जर तुम्ही नंतर पुश करण्याची योजना आखत असाल, तर README सह इनिशियलाइझ करा अनचेक केलेले ठेवा.
3.2 तुमच्या साइट फाइल्स जोडा
पद्धत A: ड्रॅग-अँड-ड्रॉप अपलोड (सुरुवात करणाऱ्यांसाठी सर्वोत्तम)
रिपोच्या कोड टॅबमध्ये फाइल जोडा → फाइल्स अपलोड करा वर क्लिक करा.
dist/ मधील सर्व काही ड्रॉप करा.
खाली स्क्रोल करा आणि Commit changes वर क्लिक करा.
पद्धत B: Git CLI (डेव्हलपर्ससाठी सर्वोत्तम)
# रिक्त रिपो क्लोन करा
git clone https://github.com/<user>/my‑website.git
cd my‑website
# बिल्ड आउटपुट कॉपी करा
cp -r /path/to/dist/* .
# कमिट आणि पुश करा
git add .
git commit -m "Initial **GitHub Pages** deploy"
git push origin main
कोणताही मार्ग तुम्हाला रिपो रूटवर स्टॅटिक फाइल्स देतो—GitHub Pages साठी योग्य.
3.3 GitHub Pages सक्षम करा
सेटिंग्ज → पेजेस वर जा.
सोर्स अंतर्गत एका शाखेतून तैनात करा → main (/root) निवडा.
सेव्ह वर क्लिक करा. GitHub Pages ~30 सेकंदात तयार होते आणि https://<user>.github.io/my‑website/ सारखे URL मिळवते.
3.4 तुमचे डीफॉल्ट URL मिळवा
सर्व काही लोड होते का हे तपासण्यासाठी लिंकला भेट द्या. GitHub Pages आपोआप ग्लोबल CDN द्वारे सर्व्ह करते.
🌐 पायरी 4: तुमचे स्वतःचे डोमेन खरेदी करा आणि बांधा
4.1 डोमेन खरेदी करा
सुचवलेले रजिस्ट्रार (सर्व GitHub Pages सोबत व्यवस्थित काम करतात): Namecheap, GoDaddy, Alibaba Cloud, Tencent Cloud. शक्य असल्यास लहान .com निवडा.
4.2 GitHub Pages मध्ये डोमेन जोडा
अजूनही सेटिंग्ज → पेजेस मध्ये, कस्टम डोमेन शोधा.
mywebsite.com किंवा www.mywebsite.com एंटर करा.
सेव्ह वर क्लिक करा. GitHub Pages आपोआप CNAME फाइल तयार करते.
4.3 DNS रेकॉर्ड्स कॉन्फिगर करा
| | |
|---|
| | 185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153
|
| | |
प्रोपगेशनसाठी 10 मिनिटे–24 तास प्रतीक्षा करा. हे IP GitHub Pages साठी स्थिर आहेत. |
4.4 HTTPS लागू करा
DNS प्रोपगेट झाल्यानंतर, पेजेस सेटिंग्ज रिफ्रेश करा आणि HTTPS लागू करा टॉगल करा. Let’s Encrypt प्रमाणपत्रे आपोआप जारी होतात.
✨ पायरी 5: साइट प्रोफेशनल बनवा
5.1 कस्टम Favicon जोडा
favicon.ico नावाचे 32×32 px आयकॉन तयार करा.
ते रिपो रूटमध्ये ठेवा.
कमिट करा आणि पुश करा; GitHub Pages ते त्वरित सर्व्ह करते.
5.2 कस्टम मेटा माहिती इन्सर्ट करा
रिपो रूटमधील index.html एडिट करा:
<meta name="description" content="Your website description on **GitHub Pages**">
<meta name="author" content="Your Name">
5.3 Analytics (पर्यायी)
<head> मध्ये GA / Plausible स्निपेट्स पेस्ट करा; GitHub Pages कॅशिंग हेडरचा आदर करते.
🔧 समस्या निवारण
रिकामे पृष्ठ? index.html रिपो रूटमध्ये आहे आणि ॲसेट पाथ रिलेटिव्ह आहेत याची खात्री करा.
डोमेन .github.io वर लूप होते? A/CNAME रेकॉर्ड्स पुन्हा तपासा आणि पूर्ण TTL ची प्रतीक्षा करा.
HTTPS टॉगल अक्षम आहे? DNS अजून बरोबर नाही; dig ने व्हेरिफाय करा.
🎉 सारांश
अभिनंदन! तुम्ही आता:
✅ GitHub Pages होस्टिंगसाठी तुमची AI-जनरेटेड वेबसाइट यशस्वीरित्या डाउनलोड केली आहे.
✅ ती GitHub Pages वर विनामूल्य तैनात केली आहे.
✅ तुमचे स्वतःचे कस्टम डोमेन सुरक्षित केले आहे.
✅ GitHub Pages वातावरण पूर्णपणे प्रोफेशनल दिसण्यासाठी पॉलिश केले आहे.
तुमची साइट आता:
🌐 GitHub Pages CDN द्वारे 24/7 ऑनलाइन आहे.
🏷️ एका प्रोफेशनल डोमेन अंतर्गत सर्व्ह केली जाते.
🔒 HTTPS एन्क्रिप्शनद्वारे संरक्षित आहे.
⚡ GitHub Pages एज नोड्समुळे जागतिक स्तरावर वेगवान आहे.
🗝️ पूर्णपणे तुमच्या मालकीची आणि नियंत्रणाखाली आहे.
💡 पुढील पायऱ्या
SEO ऑप्टिमायझेशन: तुमच्या GitHub Pages सेटअपसाठी शोध रँकिंग वाढवण्यासाठी लक्ष्यित कीवर्ड आणि मेटा डिस्क्रिप्शन जोडा.
सोशल शेअरिंग: प्रमुख प्लॅटफॉर्मसाठी शेअर बटणे समाकलित करा.
सतत अपडेट्स: नियमितपणे बदल कमिट करा; GitHub Pages आपोआप पुन्हा तैनात करते.
बॅकअप: GitHub रिपॉजिटरी संरक्षण सक्षम करा किंवा रिपो मिरर करा.
आता तुम्ही खरे वेबसाइट मालक आहात—तुमची GitHub Pages लिंक शेअर करा आणि तुमची निर्मिती जगाला दाखवा!
