مقدمه

آیا می‌دانستید که می‌توانید به صورت کاملاً رایگان، یک وب‌سایت را مستقیماً از طریق مخزن گیت‌هاب خود میزبانی و منتشر کنید؟ این قابلیت شگفت‌انگیز، GitHub Pages نام دارد و یکی از محبوب‌ترین ویژگی‌های این پلتفرم است.

GitHub Pages سرویسی است که فایل‌های استاتیک (HTML, CSS, JavaScript) را از یک مخزن برداشته و آن‌ها را به عنوان یک وب‌سایت در دسترس عموم قرار می‌دهد. این ابزار برای ساخت وب‌سایت‌های شخصی و نمونه کار (Portfolio)، مستندات آنلاین پروژه‌ها، وبلاگ‌ها یا دموی زنده‌ی اپلیکیشن‌های وب، فوق‌العاده کارآمد است.

انواع سایت‌های GitHub Pages

دو نوع اصلی سایت را می‌توان با GitHub Pages ایجاد کرد:

  • سایت کاربر یا سازمان (User/Organization Site): این نوع سایت به حساب کاربری شما متصل است و فقط یکی از آن را می‌توانید داشته باشید. برای ساخت آن، باید یک مخزن با نامی دقیقاً مطابق الگوی username.github.io ایجاد کنید. محتوای این مخزن در همین آدرس منتشر خواهد شد.
  • سایت پروژه (Project Site): این نوع سایت به یک مخزن خاص در حساب شما متصل است. شما می‌توانید به تعداد نامحدود از این نوع سایت داشته باشید. آدرس آن به صورت username.github.io/repository-name خواهد بود. این مدل برای ساخت وب‌سایت معرفی یا مستندات برای هر پروژه به صورت جداگانه، ایده‌آل است.

راهنمای گام به گام انتشار یک سایت پروژه

فرآیند انتشار یک وب‌سایت با GitHub Pages بسیار ساده است. بیایید این کار را مرحله به مرحله انجام دهیم.

  1. آماده‌سازی فایل‌های وب‌سایت: در مخزن پروژه خود، حداقل یک فایل index.html داشته باشید. این فایل، صفحه اصلی وب‌سایت شما خواهد بود. می‌توانید فایل‌های CSS و JavaScript خود را نیز در کنار آن قرار دهید.
  2. رفتن به تنظیمات مخزن: در صفحه اصلی مخزن خود در گیت‌هاب، روی تب «Settings» کلیک کنید.
  3. ورود به بخش Pages: در منوی سمت چپ، روی گزینه «Pages» کلیک کنید.
  4. تنظیم منبع انتشار (Source): در بخش «Build and deployment»، زیر قسمت «Source»، گزینه «Deploy from a branch» را انتخاب کنید.
  5. انتخاب برنچ و پوشه: حالا باید به گیت‌هاب بگویید که فایل‌های وب‌سایت شما کجا قرار دارند.
    • Branch: برنچی را که فایل‌های شما در آن قرار دارد، انتخاب کنید (معمولاً main).
    • Folder: پوشه‌ای را که فایل index.html شما در آن است، مشخص کنید. اگر در ریشه پروژه است، /(root) را انتخاب کنید. یک روش مرسوم و تمیز، قرار دادن تمام فایل‌های وب‌سایت در یک پوشه به نام /docs و انتخاب آن در این بخش است.
  6. ذخیره و انتشار: روی دکمه «Save» کلیک کنید. گیت‌هاب به صورت خودکار یک فرآیند (یک GitHub Action) را برای ساخت و انتشار سایت شما آغاز می‌کند. این فرآیند ممکن است یک یا دو دقیقه طول بکشد.

پس از اتمام فرآیند، در همان صفحه تنظیمات Pages، یک کادر سبز رنگ ظاهر می‌شود که آدرس عمومی وب‌سایت شما را نمایش می‌دهد. تبریک! وب‌سایت شما اکنون آنلاین است.

امکانات بیشتر

می‌توانید امکانات بیشتری را با GitHub Pages تجربه کنید، مانند فعال‌سازی HTTPS رایگان برای امنیت سایت، مدیریت نسخه‌های مختلف سایت با Branchهای جداگانه، و استفاده از GitHub Actions برای انتشار خودکار سایت پس از هر تغییر. همچنین امکان افزودن فایل‌های CNAME برای اتصال دامنه سفارشی، و مشاهده آمار بازدید با ابزارهای خارجی وجود دارد.

دامنه‌های سفارشی (Custom Domains)

شما محدود به استفاده از آدرس github.io نیستید. گیت‌هاب به شما اجازه می‌دهد تا یک دامنه سفارشی (مثلاً www.my-awesome-project.com) را برای سایت Pages خود تنظیم کنید. این کار از طریق تنظیمات Pages و با افزودن چند رکورد DNS در پنل مدیریت دامنه شما انجام می‌شود.

پشتیبانی از Jekyll

GitHub Pages به صورت داخلی از Jekyll، یک تولیدکننده سایت استاتیک (Static Site Generator) محبوب، پشتیبانی می‌کند. این به شما اجازه می‌دهد تا محتوای سایت خود را با فرمت ساده Markdown بنویسید و Jekyll به صورت خودکار آن را به یک وب‌سایت یا وبلاگ کامل تبدیل کند. این ویژگی برای ساخت وبلاگ‌های شخصی و مستندات پیچیده بسیار کارآمد است.