نحوه انتشار وب سایت در صفحات Github در سه مرحله ساده

Github Pages با اجازه دادن به شما برای میزبانی یک وب سایت ثابت به طور مستقیم از یک مخزن Git، خدمات ارزشمندی را ارائه می دهد. این یک پلت فرم ایده آل برای توسعه دهندگان انفرادی است تا نمونه کارها را به نمایش بگذارند، از پروژه های منبع باز پشتیبانی کنند، یا اطلاعاتی در مورد موسسات یا سازمان های آموزشی منتشر کنند.

بسیاری از پروژه های برجسته از صفحات Github برای میزبانی استفاده می کنند، از جمله پروژه های معروفی مانند Bootstrap، NormalizeCSS و Yelp.

این آموزش شما را از طریق مراحل ایجاد و انتشار یک سایت ساده با استفاده از صفحات Github راهنمایی می کند. فرض بر این است که شما درک اولیه ای از Git و دستورات آن دارید، مانند نحوه ایجاد و فشار دادن commit به یک مخزن راه دور. اگر نه، توصیه می‌کنم راهنمای ما را بررسی کنید: 30 دستور Git اساسی که باید بدانید.

بیا شروع کنیم!

مرحله 1: یک مخزن ایجاد کنید

ابتدا برای ایجاد یک مخزن به یک حساب Github نیاز دارید. شما می توانید مخزن را هر چیزی که دوست دارید نام گذاری کنید. الزامات نامگذاری خاصی وجود ندارد.

پس از ایجاد مخزن، گام بعدی این است که آن را در رایانه محلی خود کلون کنید. اگر برنامه Github Desktop را نصب کرده‌اید، می‌توانید با رفتن به آن به راحتی این کار را انجام دهید File > Clone Repository در داخل برنامه

یا می توانید مخزن را با استفاده از آن کلون کنید git رابط خط فرمان (CLI)، به عنوان مثال:

git clone https://github.com/hongkiat/fuzzy-adventure.git

مرحله 2: صفحه اصلی را ایجاد کنید

برای راه اندازی یک صفحه اصلی، Github در درجه اول به دنبال فایلی با نام می گردد index.html. همچنین می تواند استفاده کند index.md یا README.md. این فایل را می توان در ریشه مخزن شما یا در یک زیر شاخه قرار داد تا سایت شما را از کد منبع اصلی جدا کند. docs یا site فهرست راهنما.

در این مثال، اضافه کردن یک را نشان خواهم داد index.html فایل در docs فهرست، تکمیل شده با سبک ها و اسکریپت های بوت استرپ.

با وجود فایل‌ها، اکنون می‌توانیم آن‌ها را اضافه کرده و به مخزن Github فشار دهیم.

مرحله 3: پیکربندی استقرار صفحه

در مخزن Github خود، به آن بروید تنظیمات > صفحات. در اینجا، منبعی را که می خواهید به عنوان صفحات Github گسترش دهید، انتخاب کنید. از آنجا که ما قرار داده ایم index.html فایل در docs دایرکتوری، شاخه مناسب را انتخاب کرده و دایرکتوری را روی آن تنظیم کنید /docs زیر “ساخت و استقرار” بخش.

این کار راه اندازی سایت Github Pages شما را تکمیل می کند. سایت از طریق الگوی URL ارائه شده توسط Github قابل دسترسی خواهد بود. به عنوان مثال، اگر مخزن شما در github.com/hongkiat/fuzzy-adventure، سپس سایت Github Pages شما در خواهد بود hongkiat.github.io/fuzzy-adventure.

امتیاز: استفاده از یک دامنه سفارشی

استفاده از یک دامنه سفارشی برای سایت Github Pages یک URL شخصی سازی شده ارائه می دهد که به خاطر سپردن آسان تر است و برند سایت شما را افزایش می دهد. در اینجا نحوه تنظیم آن آمده است.

مرحله 1: ضبط DNS را اضافه کنید

برای شروع، یک رکورد DNS اضافه کنید تا دامنه سفارشی خود را به صفحات Github پیوند دهید. به عنوان مثال، اگر می خواهید استفاده کنید fuzzy-adventure.hongkiat.net، باید a ایجاد کنید CNAME در مدیریت DNS دامنه خود که به آن اشاره می کند، ضبط کنید hongkiat.github.io.

اگر مطمئن نیستید که مدیر DNS خود را کجا پیدا کنید یا چگونه یک ورودی DNS جدید اضافه کنید، لطفاً برای کمک با ثبت کننده دامنه خود تماس بگیرید.

مرحله 2: منتظر انتشار دامنه باشید

پس از تنظیم رکورد DNS، مدتی طول می کشد تا تغییرات منتشر شود که می تواند از چند دقیقه تا 24 ساعت متغیر باشد. می توانید با ابزارهای انتشار DNS مانند WhatsMyDNS یا با استفاده از دستور زیر نظارت کنید:

dig fuzzy-adventure.github.io +nostats +nocomments +nocmd

هنگامی که انتشار DNS تأیید شد، ممکن است نتایجی مشابه این ببینید:

مرحله 3: اضافه کردن دامنه به مخزن

پس از اتمام انتشار DNS، Github را در مورد دامنه سفارشی خود مطلع کنید. به مخزن خود بروید تنظیمات، به سمت صفحات بخش، و دامنه سفارشی خود را در قسمت وارد کنید دامنه سفارشی رشته. Github دامنه را تأیید می کند و آن را تنظیم می کند. پس از تأیید، می توانید با فعال کردن آن، سایت خود را نیز ایمن کنید “اجرای HTTPS” گزینه.

اکنون سایت Github Pages شما باید از طریق دامنه سفارشی شما قابل دسترسی باشد!