How to Host a Static Website on GitHub
Also Read :-
- Managed WordPress Hosting with Website Staging
Introduction
अगर आप एक simple और cost-effective तरीका ढूंढ रहे हैं अपनी static website को host करने का, तो GitHub Pages आपके लिए perfect solution हो सकता है। GitHub Pages आपको मुफ्त में static websites को host करने की सुविधा देता है, और इसके लिए आपको बस एक GitHub account की जरूरत होती है। इस लेख में हम जानेंगे कि आप अपनी static website को GitHub पर कैसे host कर सकते हैं, साथ ही इस process के सभी steps को detail में समझेंगे।
What is a Static Website?
Static website एक ऐसी website होती है जिसमें content static files, जैसे HTML, CSS, और JavaScript के रूप में होती है। इसमें कोई server-side scripting या database नहीं होता, इसलिए ये websites simple, fast, और secure होती हैं। Static websites को personal blogs, portfolios, और documentation sites के लिए commonly use किया जाता है।
Why Choose GitHub for Hosting a Static Website?
GitHub Pages static websites को host करने के लिए एक popular platform है, और इसके कई benefits हैं:
1. Free Hosting: GitHub Pages आपको free hosting service प्रदान करता है, जिससे आप बिना किसी cost के अपनी website को publish कर सकते हैं।
2. Custom Domain: आप अपनी GitHub Pages site के लिए custom domain भी set कर सकते हैं, जिससे आपकी site professional दिखाई देती है।
3. Version Control: GitHub का version control system आपकी website की files को track करता है, जिससे आप easily changes को manage और revert कर सकते हैं।
4. Automatic SSL:GitHub Pages आपके custom domain के लिए free SSL certificates प्रदान करता है, जिससे आपकी website secure रहती है।
Step 1: Create a GitHub Account
सबसे पहले, अगर आपके पास पहले से GitHub account नहीं है, तो आपको GitHub पर sign up करना होगा। इसके लिए:
1. [GitHub](https://github.com) की official website पर जाएं।
2. "Sign up" button पर click करें और अपना email address, username, और password enter करें।
3. Account creation process को complete करें और अपना email verify करें।
Step 2: Create a New Repository
अब जब आपका GitHub account तैयार है, आपको अपनी static website के लिए एक new repository create करना होगा:
1. GitHub dashboard में, top right corner पर "+" icon पर click करें और "New repository" चुनें।
2. Repository name field में अपने repository का नाम enter करें। यह name आपकी website के URL का part होगा।
3. "Public" option select करें ताकि आपकी website publicly accessible हो।
4. "Initialize this repository with a README" option को check करें और "Create repository" button पर click करें।
Step 3: Upload Your Website Files
अगले step में आपको अपनी static website की files (HTML, CSS, JS, images आदि) को GitHub repository में upload करना होगा। इसके दो तरीके हैं:
Method 1: Direct Upload on GitHub
1. अपनी GitHub repository में जाएं और "Add file" drop-down menu पर click करें।
2. "Upload files" option select करें।
3. अपनी website की files को drag-and-drop करके या "choose your files" button से select करें।
4. "Commit changes" button पर click करें ताकि आपकी files repository में save हो जाएं।
Method 2: Use Git Command Line
अगर आप Git command line के साथ comfortable हैं, तो आप इन steps को follow कर सकते हैं:
1. अपनी local machine पर एक new directory create करें और उसमें अपनी website की सभी files को रखें।
2. Terminal खोलें और उस directory में navigate करें।
3. Initialize a new Git repository:
```bash
git init
```
4. GitHub repository को remote repository के रूप में add करें:
```bash
git remote add origin https://github.com/yourusername/yourrepository.git
```
5. Files को stage और commit करें:
```bash
git add .
git commit -m "Initial commit"
```
6. Files को GitHub पर push करें:
```bash
git push -u origin main
```
Step 4: Enable GitHub Pages
अब जब आपकी website की files GitHub repository में upload हो गई हैं, आपको GitHub Pages को enable करना होगा ताकि आपकी website live हो सके:
1. अपनी repository के "Settings" में जाएं।
2. Left sidebar में "Pages" option पर click करें।
3. "Branch" section में, "Source" drop-down menu से "main" branch select करें और "root" folder option को चुनें।
4. "Save" button पर click करें।
अब आपकी website automatically GitHub Pages पर publish हो जाएगी, और आपको एक URL मिलेगा जैसे `https://yourusername.github.io/yourrepository/`। आप इस URL पर अपनी website को visit कर सकते हैं।
Step 5: Customize Your Domain (Optional)
अगर आप अपनी GitHub Pages website के लिए custom domain use करना चाहते हैं, तो आप इसे भी easily set up कर सकते हैं:
1. अपनी domain registrar (जैसे GoDaddy, Namecheap) की website पर जाएं और अपने domain के DNS settings को open करें।
2. एक new CNAME record create करें और "Host" field में `www` enter करें।
3. "Points to" field में `yourusername.github.io` enter करें।
4. GitHub repository के "Settings" में जाएं और "Pages" section में, "Custom domain" field में अपना domain name enter करें।
5. Save changes करें और कुछ समय बाद आपका custom domain GitHub Pages से point हो जाएगा।
Step 6: Keep Your Website Updated
GitHub Pages पर आपकी static website live होने के बाद, आपको इसे updated रखना होगा। आप easily GitHub के through changes कर सकते हैं:
1. अपनी GitHub repository में जाएं और changes करने के लिए files को edit करें।
2. Changes को commit करें और repository में push करें।
3. आपकी website automatically update हो जाएगी।
FAQs About Hosting a Static Website on GitHub
1. क्या मैं GitHub Pages पर Dynamic Websites Host कर सकता हूँ?
- नहीं, GitHub Pages केवल static websites के लिए ही suitable है। अगर आपकी website में server-side scripting की जरूरत है, तो आपको किसी अन्य hosting solution की जरूरत होगी।
2. क्या GitHub Pages की कोई storage या bandwidth limits होती हैं?
- हां, GitHub Pages पर कुछ storage और bandwidth limits होती हैं, लेकिन ये आमतौर पर small to medium websites के लिए पर्याप्त होती हैं।
3. क्या मैं Multiple Websites एक ही GitHub Account पर Host कर सकता हूँ?
- हां, आप अपने GitHub account पर multiple repositories के through multiple static websites host कर सकते हैं।
4. क्या मैं GitHub Pages पर अपनी Website के लिए SSL Certificate Set कर सकता हूँ?
- हां, GitHub Pages automatically आपकी website के लिए SSL certificate provide करता है, चाहे आप custom domain use कर रहे हों या default GitHub Pages domain।
5. क्या GitHub Pages पर मेरी Website Search Engines द्वारा Index की जाएगी?
- हां, GitHub Pages पर host की गई websites search engines द्वारा index की जाती हैं, जिससे आपकी site searchable और publicly accessible होती है।
Conclusion
GitHub Pages पर अपनी static website को host करना न केवल आसान है, बल्कि यह एक cost-effective और efficient तरीका भी है। यह developers, bloggers, और businesses के लिए ideal solution है जो simple yet powerful hosting solution की तलाश में हैं। इस guide के through आपने सीखा कि कैसे GitHub पर अपनी static website को step-by-step host किया जा सकता है। अब आप अपनी website को easily GitHub Pages पर live कर सकते हैं और इसे दुनिया के सामने प्रस्तुत कर सकते हैं।
0 Comments