مقدمه
پس از ساخت یک سایت با ابزارهای هوش مصنوعی مانند ChatGPT، Canva، Gemini Canvas، Claude Artifacts یا Sider Web Creator، سوال بزرگ بعدی این است که چگونه میزبانی وب را در GitHub Pages مدیریت کنیم تا بتوانید از طریق دامنه خود از سایت بازدید کنید. این راهنما شما را گام به گام در این مسیر راهنمایی میکند—از صادر کردن یک پروژه در Sider Web Creator تا داشتن یک وبسایت کامل تحت دامنه شخصی خود—در حالی که هم میزبانی وب و هم پیکربندی GitHub Pages را به طور کامل شرح میدهد.
🎯 آنچه خواهید آموخت
نحوه دانلود صحیح و درک فایلهای پروژه تولید شده توسط هوش مصنوعی قبل از انتخاب یک گردش کار میزبانی وب GitHub Pages.
دستورالعملهای گام به گام برای استقرار رایگان سایت در GitHub Pages.
نحوه خرید و اتصال دامنه سفارشی خود در تنظیمات GitHub Pages و اتصال آن به بهترین شیوه سوابق DNS.
نکات حرفهای برای اینکه سایت پس از راهاندازی GitHub Pages کاملاً حرفهای و قابل اعتماد به نظر برسد.
اکثر پلتفرمهای میزبانی استاتیک—از جمله GitHub Pages—انتظار یک پوشه ساخت تمیز را دارند، بنابراین ابتدا باید فایلهای خود را جمعآوری کنید.
1.1 دانلود فایلهای پروژه
پس از اتمام تولید سایت توسط Web Creator، روی دکمه Download در گوشه بالا سمت راست کلیک کنید.
صبر کنید تا سیستم پروژه شما را بستهبندی کند.
یک فایل .zip آماده برای آپلود در GitHub Pages دریافت خواهید کرد.
فایل zip را در هر مکانی روی رایانه خود استخراج کنید.
1.2 درک ساختار فایل (مهم!)
my‑website/
├── dist/ ⭐ بیلد Production برای **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 جهانی • دامنههای سفارشی • CI بومی با GitHub Actions |
| شبکه لبه جهانی • 100% رایگان • فوقالعاده سریع |
| UI صیقلی • دارای ویژگیهای غنی |
📤 مرحله 3: استقرار در GitHub Pages (راهنمای دقیق)
اگرچه GitHub Pages در داخل یک پلتفرم توسعهدهنده قرار دارد، اما آن را به عنوان میزبانی وب فوقمدرن با راحتی فشردن یک دکمه در نظر بگیرید.
3.1 ثبت نام و ایجاد یک مخزن
از github.com بازدید کرده و وارد شوید.
روی + New repository کلیک کنید.
نام آن را my‑website بگذارید و Public را انتخاب کنید (یا Private اگر طرح پولی دارید؛ GitHub Pages اکنون از مخازن خصوصی پشتیبانی میکند).
اگر قصد دارید بعداً پوش کنید، Initialize with README را علامت نزنید.
3.2 اضافه کردن فایلهای سایت خود
روش A: آپلود با کشیدن و رها کردن (بهترین برای مبتدیان)
در تب Code مخزن، روی Add file → Upload files کلیک کنید.
همه چیز را داخل dist/ رها کنید.
به پایین اسکرول کرده و روی Commit changes کلیک کنید.
روش B: Git CLI (بهترین برای توسعهدهندگان)
# Clone the empty repo
git clone https://github.com/<user>/my‑website.git
cd my‑website
# Copy build output
cp -r /path/to/dist/* .
# Commit & push
git add .
git commit -m "Initial **GitHub Pages** deploy"
git push origin main
هر یک از این مسیرها، فایلهای استاتیک را در ریشه مخزن قرار میدهند—عالی برای GitHub Pages.
3.3 فعال کردن GitHub Pages
به Settings → Pages بروید.
در زیر Source، Deploy from a branch → main (/root) را انتخاب کنید.
روی Save کلیک کنید. GitHub Pages در حدود 30 ثانیه ساخته میشود و یک URL مانند https://<user>.github.io/my‑website/ برمیگرداند.
3.4 دریافت URL پیشفرض خود
برای تأیید بارگیری همه چیز، از لینک بازدید کنید. GitHub Pages به طور خودکار از طریق CDN جهانی ارائه میشود.
🌐 مرحله 4: خرید و اتصال دامنه خود
4.1 خرید یک دامنه
ثبتکنندههای پیشنهادی (همه به خوبی با GitHub Pages کار میکنند): Namecheap، GoDaddy، Alibaba Cloud، Tencent Cloud. در صورت امکان یک .com کوتاه انتخاب کنید.
4.2 اضافه کردن دامنه در GitHub Pages
همچنان در Settings → Pages، Custom domain را پیدا کنید.
mywebsite.com یا www.mywebsite.com را وارد کنید.
روی Save کلیک کنید. 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، تنظیمات Pages را رفرش کرده و Enforce HTTPS را تغییر دهید. گواهیهای Let’s Encrypt به طور خودکار صادر میشوند.
✨ مرحله 5: حرفهای نشان دادن سایت
5.1 اضافه کردن یک Favicon سفارشی
یک آیکون 32×32 پیکسلی به نام favicon.ico آماده کنید.
آن را در ریشه مخزن قرار دهید.
کامیت و پوش کنید؛ GitHub Pages فوراً آن را ارائه میدهد.
5.2 درج اطلاعات Meta سفارشی
index.html را در ریشه مخزن ویرایش کنید:
<meta name="description" content="Your website description on **GitHub Pages**">
<meta name="author" content="Your Name">
5.3 Analytics (اختیاری)
قطعههای GA / Plausible را داخل <head> قرار دهید؛ GitHub Pages به هدرهای کش احترام میگذارد.
🔧 عیبیابی
صفحه خالی؟ تأیید کنید که index.html در ریشه مخزن است و مسیرهای دارایی نسبی هستند.
حلقه دامنه به .github.io؟ سوابق A/CNAME را دوباره بررسی کنید و منتظر TTL کامل باشید.
تغییر وضعیت HTTPS غیرفعال است؟ DNS هنوز درست نیست؛ با dig تأیید کنید.
🎉 خلاصه
تبریک میگوییم! اکنون شما:
✅ با موفقیت وبسایت تولید شده توسط هوش مصنوعی خود را برای میزبانی GitHub Pages دانلود کردهاید.
✅ آن را به صورت رایگان در GitHub Pages مستقر کردهاید.
✅ دامنه سفارشی خود را ایمن کردهاید.
✅ محیط GitHub Pages را صیقل دادهاید تا کاملاً حرفهای به نظر برسد.
سایت شما اکنون:
🌐 به صورت 24/7 آنلاین است، که توسط GitHub Pages CDN پشتیبانی میشود.
🏷️ تحت یک دامنه حرفهای ارائه میشود.
🔒 توسط رمزگذاری HTTPS محافظت میشود.
⚡ به لطف گرههای لبه GitHub Pages، از نظر جهانی سریع است.
🗝️ کاملاً متعلق به شما و تحت کنترل شما است.
💡 مراحل بعدی
بهینهسازی SEO: کلمات کلیدی و توضیحات متا هدفمند را برای افزایش رتبهبندی جستجو برای راهاندازی GitHub Pages خود اضافه کنید.
اشتراکگذاری اجتماعی: دکمههای اشتراکگذاری را برای پلتفرمهای اصلی ادغام کنید.
بهروزرسانیهای مداوم: تغییرات را به طور منظم کامیت کنید؛ GitHub Pages به طور خودکار دوباره مستقر میشود.
پشتیبانگیری: حفاظت از مخزن GitHub را فعال کنید یا مخزن را آینه کنید.
اکنون شما یک مالک واقعی وبسایت هستید—لینک GitHub Pages خود را به اشتراک بگذارید و آفرینش خود را به دنیا نشان دهید!
