GitHub Pages पर Free Website कैसे Host करें? 2026 Guide

GitHub Pages पर Free Website कैसे Host करें? पूरी Guide (2026)

सोचिए, आपने HTML, CSS और JavaScript से एक शानदार Website बना ली। लेकिन अब सवाल है — इसे Internet पर Live कैसे करें, ताकि कोई भी आपकी Website खोल सके?

क्या इसके लिए Hosting खरीदनी पड़ेगी?

नहीं! अगर आपकी Website Static है, तो GitHub Pages की मदद से उसे Free में Publish कर सकते हैं।

और सबसे अच्छी बात? शुरुआत करने के लिए आपको Hosting Server Manage करने की जरूरत नहीं है।

इस Guide में सीखेंगे कि GitHub Pages पर Website Upload, Deploy और Live कैसे करें — वो भी Step-by-Step।

GitHub Pages क्या है?

GitHub Pages, GitHub की एक Static Website Hosting Service है।

यह आपकी GitHub Repository से HTML, CSS और JavaScript Files लेकर उन्हें Website के रूप में Publish करती है।

आप इसका इस्तेमाल इन Websites के लिए कर सकते हैं:

• Personal Portfolio
• Student Projects
• Resume Website
• Project Documentation
• Simple Landing Pages
• Static Blogs
• HTML/CSS/JavaScript Websites

ध्यान दें: GitHub Pages Traditional Backend Hosting नहीं है। इसमें PHP, Python या Node.js Server को लगातार Run नहीं किया जा सकता।

GitHub Pages सच में Free है?

हाँ! GitHub Free Plan में Public Repositories के लिए GitHub Pages उपलब्ध है।

आपको एक Free github.io Address मिलता है।

उदाहरण:

https://username.github.io

या Project Website के लिए:

https://username.github.io/project-name/

यहाँ username आपकी GitHub ID और project-name आपकी Repository का नाम है।

Free Hosting मिलती है, लेकिन अपना Custom Domain खरीदना हो तो उसका खर्च अलग हो सकता है।

GitHub Pages पर Website Host करने के लिए क्या चाहिए?

शुरू करने से पहले ये चीजें तैयार रखें:

1. एक GitHub Account
2. Website की HTML, CSS और JavaScript Files
3. Internet Connection
4. एक GitHub Repository

अगर आपने अभी Website नहीं बनाई है, तो नीचे दिए गए Example Code से भी शुरुआत कर सकते हैं।

Step 1: GitHub Account बनाएँ

1. GitHub खोलें।
2. Sign up पर Click करें।
3. Email और Password से Account बनाएँ।
4. Email Verification पूरा करें।
5. GitHub Dashboard खोलें।

अगर पहले से Account है, तो सीधे Login करें।

Step 2: नई Repository बनाएँ

अब अपनी Website के लिए Repository बनाएँ।

1. GitHub में New Repository चुनें।
2. Repository का Name लिखें।
3. Visibility में Public चुनें।
4. Add a README file चुन सकते हैं।
5. Create repository पर Click करें।

उदाहरण:

my-portfolio

महत्वपूर्ण: GitHub Free Plan में GitHub Pages इस्तेमाल करने के लिए Repository Public होनी चाहिए।

Repository का नाम कैसे रखें?

GitHub Pages में दो मुख्य प्रकार की Websites होती हैं।

अगर आप Personal Homepage बनाना चाहते हैं, तो username.github.io नाम उपयोगी हो सकता है।

अगर किसी Specific Project की Website बनानी है, तो सामान्य Repository Name रख सकते हैं।

Step 3: Website की Files तैयार करें

अब एक Simple HTML Website बनाएँ।

अपने Computer पर index.html नाम की File बनाएँ।

उसमें नीचे दिया गया Code Paste करें।

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0">

  <title>My First GitHub Pages Website</title>

  <meta name="description"
        content="My first free website hosted on GitHub Pages.">

  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 60px 20px;
      background: #f8f9ff;
      color: #222;
    }

    h1 {
      color: #635bff;
    }

    a {
      display: inline-block;
      padding: 12px 24px;
      background: #635bff;
      color: white;
      text-decoration: none;
      border-radius: 8px;
    }
  </style>
</head>

<body>
  <h1>Welcome to My Website!</h1>

  <p>My first website hosted on GitHub Pages.</p>

  <a href="https://github.com">
    Explore GitHub
  </a>
</body>
</html>

इस Code में एक Heading, Description और Button है।

Tip: HTML File को Browser में खोलकर पहले उसका Preview देख सकते हैं।

Step 4: Website Files GitHub पर Upload करें

अब अपनी Repository खोलें।

1. Add file पर Click करें।
2. Upload files चुनें।
3. index.html File Upload करें।
4. नीचे Commit changes पर Click करें।

अगर Website में CSS, JavaScript और Images हैं, तो उनकी Files भी Upload करें।

उदाहरण के लिए:

my-portfolio/
│
├── index.html
├── style.css
├── script.js
└── images/
    └── profile.png

ध्यान दें: Files के Names और Paths सही होने चाहिए। गलत Paths से Images या CSS Load नहीं होंगी।

Step 5: GitHub Pages Enable करें

अब सबसे महत्वपूर्ण Step आता है।

1. अपनी Repository खोलें।
2. Settings पर Click करें।
3. Sidebar में Pages खोलें।
4. Build and deployment Section खोजें।
5. Source में Deploy from a branch चुनें।
6. Branch में main चुनें।
7. Folder में /(root) चुनें।
8. Save पर Click करें।

अगर आपकी Files docs Folder में हैं, तो उसी Folder को Publishing Source के रूप में चुनना होगा।

अब GitHub आपकी Website को Build और Deploy करने की प्रक्रिया शुरू करेगा।

Step 6: अपनी Live Website खोलें

Deploy पूरा होने के बाद Repository के:

Settings → Pages

Section में जाएँ।

वहाँ Visit site का Option दिखाई दे सकता है।

उदाहरण:

https://username.github.io/my-portfolio/

इस URL को Browser में खोलें।

आपकी Website Internet पर Live होनी चाहिए।

ध्यान दें: GitHub के अनुसार Changes Publish होने में 10 मिनट तक लग सकते हैं।

पूरा Process एक Flowchart में

GitHub Pages पर Website Update कैसे करें?

मान लीजिए आपकी Website Live हो चुकी है, लेकिन आप Homepage का Text बदलना चाहते हैं।

इसके लिए:

1. Repository खोलें।
2. index.html File चुनें।
3. Edit Option पर Click करें।
4. जरूरी Changes करें।
5. Commit changes करें।
6. Deployment पूरा होने दें।

नई Changes Website पर दिखाई देने लगेंगी।

अगर आप Git इस्तेमाल करते हैं, तो Local Changes Push भी कर सकते हैं।

git add .
git commit -m "Update website content"
git push origin main

ध्यान दें: ये Commands उस Local Repository में चलाएँ जिसकी Remote और Branch सही तरह Configure हों।

GitHub Pages पर Custom Domain कैसे लगाएँ?

GitHub Pages में आप अपना खरीदा हुआ Domain भी Connect कर सकते हैं।

उदाहरण:

www.example.com

Custom Domain जोड़ने के Steps

1. Repository की Settings खोलें।
2. Pages Section में जाएँ।
3. Custom domain Field में अपना Domain लिखें।
4. Save करें।
5. Domain Provider के Dashboard में जाएँ।
6. GitHub की Official Instructions के अनुसार DNS Records Configure करें।
7. DNS Verification और HTTPS Setup पूरा होने दें।

Subdomain के लिए DNS Example

अगर आपका GitHub Username myusername है, तो www.example.com के लिए CNAME Record कुछ इस प्रकार हो सकता है:

महत्वपूर्ण: DNS Value में Repository का नाम नहीं जोड़ना चाहिए।

Root Domain जैसे example.com के लिए DNS Configuration अलग होती है।

Security Tip: GitHub पर Custom Domain Configure और Verify किए बिना केवल DNS Records Point न करें। गलत Configuration से Domain Takeover का जोखिम हो सकता है।

क्या GitHub Pages पर React Website Host कर सकते हैं?

हाँ, React से बनी Static Website को GitHub Pages पर Host किया जा सकता है।

लेकिन एक महत्वपूर्ण अंतर समझें।

HTML Website: Source Files सीधे Publish हो सकती हैं।

React/Vite Website: अक्सर पहले Production Build बनाना पड़ता है।

उदाहरण के लिए, npm इस्तेमाल करने वाले Vite Project में:

npm install
npm run build

इससे आमतौर पर dist Folder तैयार होता है।

फिर Generated Static Files को GitHub Pages पर Deploy करना होता है।

आप इसके लिए GitHub Actions Workflow इस्तेमाल कर सकते हैं।

ध्यान दें: Project Repository URL के Subpath पर Deploy होने पर Vite की base Setting भी सही Configure करनी पड़ सकती है।

क्या Next.js Website भी GitHub Pages पर चल सकती है?

कुछ Next.js Websites को Static Export के जरिए GitHub Pages पर Publish किया जा सकता है।

लेकिन हर Next.js Project इसके लिए उपयुक्त नहीं होता।

जिन Features को Runtime Server की जरूरत होती है, वे Static Hosting पर सीधे काम नहीं करेंगे।

इसलिए Next.js Project Deploy करने से पहले उसकी Official Static Export Documentation पढ़ें।

GitHub Pages vs Traditional Hosting

किसे चुनें?

अगर आपकी Website Static है, तो GitHub Pages अच्छा शुरुआती विकल्प है।

अगर आपको Backend, Database और Server-Side Processing चाहिए, तो दूसरी Hosting Service की जरूरत पड़ सकती है।

GitHub Pages पर 404 Error कैसे ठीक करें?

कभी-कभी Website Publish करने के बाद 404 — Not Found Error दिखाई देता है।

इसके कई कारण हो सकते हैं।

1. index.html File सही जगह नहीं है

Check करें कि index.html Publishing Source के Root में मौजूद है।

2. गलत Branch चुनी है

Settings → Pages में सही Branch और Folder Check करें।

3. Deployment पूरा नहीं हुआ

Repository के Actions Tab में Deployment Status देखें।

4. Website URL गलत है

Project Website का URL आमतौर पर इस Format में होता है:

https://username.github.io/repository-name/

5. CSS या Images Load नहीं हो रही हैं

Relative Paths Check करें।

उदाहरण:

<link rel="stylesheet" href="./style.css">

<img src="./images/profile.png"
     alt="Profile photo">

GitHub Pages पर 404 Error आने पर सबसे पहले Publishing Source, Entry File और Website URL Check करें।

GitHub Pages की Important Limitations

GitHub Pages Free और उपयोगी है, लेकिन हर प्रकार की Website के लिए नहीं बना है।

• Traditional Server-Side Backend Run नहीं कर सकते।
• Database Server Host नहीं कर सकते।
• Sensitive API Keys Public Files में नहीं रखनी चाहिए।
• Repository और Publishing Limits लागू होती हैं।
• GitHub Pages को Free E-commerce Hosting Service समझना सही नहीं है।
• Commercial Transactions या SaaS Hosting के लिए GitHub की Usage Restrictions जाँचना जरूरी है।

एक बात जो बहुत लोग नहीं जानते!

GitHub Pages पर Static Website Publish करने के लिए हर बार HTML, CSS और JavaScript Files Manually Upload करना जरूरी नहीं है।

GitHub Actions की मदद से आप Build और Deployment Process Automate कर सकते हैं।

इसका फायदा यह है कि Code में Changes Push करने पर Website को फिर से Build और Deploy किया जा सकता है।

लेकिन Automation Configure करते समय Build Commands और Deployment Permissions सही रखना जरूरी है।

Frequently Asked Questions (FAQs)

क्या GitHub Pages पूरी तरह Free है?

GitHub Free Plan में Public Repositories के लिए GitHub Pages उपलब्ध है। Usage Limits और GitHub की Policies लागू होती हैं।

क्या GitHub Pages पर HTML Website Host कर सकते हैं?

हाँ। HTML, CSS और JavaScript से बनी Static Websites को GitHub Pages पर Host किया जा सकता है।

क्या GitHub Pages पर Custom Domain लगा सकते हैं?

हाँ। अपना Domain Connect कर सकते हैं, लेकिन Domain Registration और Renewal का खर्च अलग हो सकता है।

GitHub Pages पर Website Live होने में कितना समय लगता है?

GitHub के अनुसार Changes Publish होने में 10 मिनट तक लग सकते हैं। कभी-कभी Troubleshooting की जरूरत पड़ सकती है।

क्या GitHub Pages पर PHP या Node.js Backend चला सकते हैं?

नहीं। GitHub Pages Static Hosting Service है और Traditional Server-Side Applications को Run नहीं करती।

क्या GitHub Pages Website Google पर दिखाई दे सकती है?

हाँ, Public GitHub Pages Website Google Search में Index हो सकती है। लेकिन Indexing और Ranking की Guarantee नहीं है।

निष्कर्ष

अगर आपने HTML, CSS और JavaScript से Website बनाई है, तो GitHub Pages उसे Internet पर Publish करने का आसान तरीका है।

आपको शुरुआत में Paid Hosting खरीदने की जरूरत नहीं होती।

सही Repository, Entry File और Deployment Settings के साथ आप अपनी Static Website Live कर सकते हैं।

GitHub Pages सीखने का सबसे आसान नियम: Code Upload करें → Pages Configure करें → Deploy करें → Website Live देखें।

आधिकारिक स्रोत

• GitHub — What is GitHub Pages?
• GitHub — Creating a GitHub Pages Site
• GitHub — Configuring a Publishing Source
• GitHub — Custom Domain Setup
• GitHub — Troubleshooting 404 Errors
• Vite — Deploying a Static Site
• Next.js — Static Exports