GitHub Pages — سایت رایگان از مخزن شما
ساخت سایت رایگان و انتشار آنلاین با GitHub Pages: فعالسازی، ساختار و سایت پروژه و کاربر.
GitHub Pages چیست؟
GitHub Pages سرویس میزبانی رایگان گیتهاب برای سایتهای ایستا (Static) است — فایلهای HTML، CSS و JavaScript شما را به یک سایت واقعی با آدرس عمومی تبدیل میکند:
https://username.github.io/repository-name
چه چیزهایی میتوان میزبانی کرد؟
- ✅ سایتهای HTML/CSS/JS خالص
- ✅ خروجی build شده فریمورکها (Vue، React، Hugo، Jekyll...)
- ✅ رزومه و نمونهکار آنلاین
- ✅ مستندات پروژه
- ❌ بکاند (PHP، Node سرور، دیتابیس) — فقط فایلهای ایستا!
فعالسازی GitHub Pages
- وارد مخزن شوید
- Settings → از منوی چپ Pages
- بخش Build and deployment:
- Source: Deploy from a branch
- Branch: main و پوشه
/ (root)یا/docs - Save!
ساختار پروژه برای Pages
سادهترین حالت — فایل index.html در ریشه مخزن:
my-site/
├── index.html ← صفحه اصلی (اجباری)
├── about.html
├── style.css
└── images/
push کنید و سایت بهروز میشود!
سایت کاربر (User Site) — آدرس اختصاصی
اگر مخزنی با نام خاص username.github.io بسازید، سایت شما در ریشه دامنه قرار میگیرد:
https://username.github.io/
بدون پسوند مخزن — مثل یک دامنه شخصی!
دامنه شخصی (Custom Domain)
میتوانید دامنه خریداریشده (مثل mysite.com) را وصل کنید:
- در تنظیمات Pages بخش Custom domain دامنه را وارد کنید
- در پنل دامنه، رکورد DNS به
username.github.ioاضافه کنید - تیک Enforce HTTPS را بزنید (SSL رایگان!)
محدودیتها
| محدودیت | مقدار |
|---|---|
| حجم مخزن | ~۱ گیگابایت |
| پهنای باند ماهانه | ~۱۰۰ گیگابایت (رایگان!) |
| سایتهای رایگان | بینهایت (هر مخزن یکی) |
| مناسب برای | سایت شخصی، مستندات، نمونهکار |
| مناسب نیست | سایتهای پربازدید تجاری، اپهای بکانددار |
مثال: اولین سایت آنلاین شما!
# مخزن جدید در گیتهاب بسازید (مثلاً my-site)
# محلی:
mkdir my-site && cd my-site
echo "<h1>سلام دنیا! اولین سایت من</h1>" > index.html
git init
git add .
git commit -m "اولین سایت من"
git remote add origin git@github.com:username/my-site.git
git push -u origin main
# در گیتهاب: Settings → Pages → Branch: main → Save
# چند دقیقه بعد: https://username.github.io/my-site 🎉
خلاصه
- GitHub Pages = میزبانی رایگان سایت ایستا
- فعالسازی: Settings → Pages → انتخاب شاخه
- مخزن
username.github.io= آدرس اختصاصی ریشه - هر push = بهروزرسانی خودکار سایت
این مبحث بخشی از دوره آموزش کامل Git است.