چطور در گیتهاب سایت شخصی بسازیم ؟

چطور در گیتهاب سایت شخصی بسازیم ؟

بروزرسانی : 4 ماه پیش

سایت معروف گیتهاب به شما این امکان را میدهد که یک سایت شخصی بسازید، کاملا رایگان است و نیاز به هاست و دامنه و هیچ چیز دیگری نیست. این صفحات برای نمایش رزومه و معرفی نامه و ... خیلی خوب هستند و شما میتوانید برای پروژه های خود نیز یک صفحه ی معرفی  بسازید.

در این سایت های رایگان گیتهاب شما میتوانید تصویر ، ویدیو و فایل صوتی درون ریپوزیتوری قرار دهید و به سایت خود اضافه کنید.

ما در مقاله  ی آموزشی که در زیر آماده کرده ایم به جزئیات کامل ساختن چنین صفحات در گیتهاب میپردازیم اما اگر حوصله ی مطالعه ی دقیق مقاله را ندارید میتوانید از ویدیو آموزشی زیر بهره بگیرید که آموزش کامل ساخت صفحات گیتهاب است.

 

 

چطور میتوانیم یک صفحه ی شخصی در گیتهاب بسازیم ؟

برای کار با بخش page های گیتهاب باید ابتدا در سایت گیتهاب ثبت نام کنید و وارد اکانت خود شوید. برای تسلط به مفاهیم گیت و گیتهاب ما یک دوره ی آموزشی تولید کرده ایم که اگر تمایل داشته باشید میتوانید از این دوره آموزشی دیدن فرمایید.

پس از ورود به بخش کاربری خود در سایت گیتهاب شما میتوانید یک ریپوزیتوری جدیدی بسازید. برای ساختن ریپوزیتوری جدید در گیتهاب روی گزینه ی + در سمت راست و بالای صفحه کلیک کنید که در تصویر زیر هم مشاهده میکنید سپس روی گزینه ی new repository  کلیک کنید.

ساخت ریپوزیتوری جدید در گیتهاب

بعد از زدن گزینه ی New repository صفحه ای مشابه تصویر زیر باز میشود که باید نام ریپوزیتوری، توضیحات اختیاری در مورد ریپوزیتوری، نوع ریپوزیتوری را وارد کنید. در تصویر زیر مکان های مشخص شده را به شکل زیر پر کنید :‌

  1. نام ریپوزیتوری که قرار است روی دامنه ی صفحه یا سایت شما هم باشد
  2. توضیحات اختیاری که میتوانید پر کنید یا نکنید
  3. نوع ریپوزیتوری که بخواهید از ان سایت بسازید باید Public باشد پس Public را انتخاب کنید
  4. روی دکمه ی Create repository کلیک کنید تا ریپوزیتوری ساخته بشه.
آموزش ساخت صفحه ی گیتهاب بصورت رایگان


بعد از اینکه ریپوزیتوری ساخته شد با تصویر زیر روبرو میشوید. 

آموزش ساخت Page رایگان در گیتهاب


در تصویر بالا در قسمت آبی رنگ عبارتی با عنوان create a new file را میبینید که با زدن آن میتوانید یک فایل جدید بسازید. نام فایل خود را index.html قرار دهید. سپس مشابه تصویرزیر در متن این فایل هم Hello World را بنویسید.

آموزش ساخت صفحه ی شخصی در گیتهاب


بعد از اینکه تغییرات را انجام دادید یعنی نام فایل و محتویات آنرا نوشتید حال زمان آن رسیده که نوشته ی خود را در ریپوزیتوری ثبت کنید که برای این کار باید commit انجام دهید که کمی پایینتر از همین کادر مشاهده میکنید که به شکل تصویر زیر است. کاری که باید انجام بدهید این است که نام کامنت و توضیحات کامیت را بنویسید و سپس دکمه ی commit را بزنید.

آموزش ساخت page یا صفحه در گیتهاب

 

تبدیل ریپوزیتوری به سایت و ساخت سایت با پشتیبانی گیتهاب بصورت رایگان

حالا ما یک ریپوزیتوری در گیتهاب بصورت آماده داریم تا به یک سایت تبدیل شود.برای ساختن صفحه ی گیتهاب کافیست به تنظیمات یا Settings ریپوزیتوری بروید. حال طبق تصویر زیر عمل کنید و از مرحله ی ۱ تا ۴ را انجام دهید و سپس روی دکمه ی save کلیک کنید.

آموزش ساخت صفحه در گیتهاب

تبریک صفحه ی شخصی شما آماده است.

بعد از زدن دکمه ی save شما میتوانید به لینکی مشابه لینک زیر مراجعه کنید تا سایت خود را مشاهده کنید : 

username.github.io/repository_name

همچنین گیتهاب با نمایش پیامی با عنوان Your site is ready to be published at  لینک دسترسی به صفحه ی شما را هم منتشر میکند که میتوانید با کلیک روی آن سایت خود را تماشا کنید.

ساخت صفحه در گیتهاب


 حالا میتوانید با استفاده از فریمورک هایی مثل bulma که ساده و سبک هست به سایتتان استایل بدهید.

لینک کوتاه این مقاله : https://avasam.ir/post/362
این سیستم برپایه ی علاقه مندی شما یک دوره ی مناسب به شما پیشنهاد میدهد
مرا بسوی بهترین دوره ی آموزشی که برای من مناسب است هدایت کن 🤖

دوره های آموزشی مرتبط با این مقاله :

برای استفاده ی دیگران و حمایت از ما در جامعه های زیر به اشتراک بگذارید

.:: نظرهای کاربران ::.
مهمان / 2 سال پیش

خیلی عالی بود ممنون از مقاله های خوبی که میزارید

من چند بار گیت هاب رو شنیدم ولی الان کامل متوجه شدم چیه با تشکر

MMdhc / 2 سال پیش

ممنون از توضیحات کاملتون، این مقاله خیلی کمکم کرد.واقعا کاربردی بود.

مسعود فتاحی / 2 سال پیش

بسیار عالی ممنون از مطلبتون

moonsky / 2 سال پیش

کاملا درست و کاربری . مرسی

alireza bazarkhak / 2 سال پیش

واقعا عالی بود ممنون

مهمان / 2 سال پیش

آموزش خوبی بود

امیرحسین برزگر / 2 سال پیش

ممنون خیلی کمکم کرد

مهمان / 2 سال پیش

ممنون خیلی تونست کمک کنه

امیرحسین برزگر / 2 سال پیش

مرسی از این توضیحات عالی و مفیدتون

محمد / 2 سال پیش

نیاز بود واقعا، عالی بود

امین رحمانی / 2 سال پیش

عالی و بسیار کابردی ممنون از سایت خوبتون

علی حسینی / 2 سال پیش

کاملا جامع بدون نقص

علی حسینی / 2 سال پیش

کاملا جامع بدون نقص

علی حسینی / 2 سال پیش

دمتون کرم عالی

علی حسینی / 2 سال پیش

آموزش عالی بود 

مهمان / 2 سال پیش

مطلب جالبی بود،  فکر می‌کنم تنها میشه استاتیک سایت زد ، داینامیک نمیشه ، درسته؟

پشتیبانی آواسام :

سلام یه چیز بین استاتیک و داینامیک هست چون حتی میتونید دیتا را بصورت جیسان در قالب یک فایل درون همون ریپوزیتوری ذخیره کنید

دوره ی آموزش پروژه محور ساخت کافه بازار دوره ی آموزش پروژه محور ساخت فروشگاه دیجیکالا آموزش لاراول دوره ی آموزش ویو جی اس