نحوه ایجاد وب سایت در صفحات GitHub: 12 مرحله (همراه با تصاویر)

فهرست مطالب:

نحوه ایجاد وب سایت در صفحات GitHub: 12 مرحله (همراه با تصاویر)
نحوه ایجاد وب سایت در صفحات GitHub: 12 مرحله (همراه با تصاویر)

تصویری: نحوه ایجاد وب سایت در صفحات GitHub: 12 مرحله (همراه با تصاویر)

تصویری: نحوه ایجاد وب سایت در صفحات GitHub: 12 مرحله (همراه با تصاویر)
تصویری: مجبوره به همه بده تا توی زندان سالم بمونه .فیلم دوبله فارسی 2024, ممکن است
Anonim

GitHub Pages یک راه عالی برای ساختن سایت شخصی خود از ابتدا است. این برنامه کاملاً رایگان است و فقط به حساب GitHub نیاز دارد. با این حال ، توجه داشته باشید که صفحات GitHub کاربر پسندترین طراحی را برای ساخت وب سایت ارائه نمی دهد (برخلاف Wix یا Squarespace) ، اما این راهی عالی برای کسب تجربه با HTML/CSS/JS و تمام عناصر وب سایت است. این wikiHow به شما نحوه شروع را نشان می دهد.

مراحل

ایجاد یک وب سایت در صفحات GitHub مرحله 1
ایجاد یک وب سایت در صفحات GitHub مرحله 1

مرحله 1. اگر هنوز حساب کاربری ندارید ، در GitHub ثبت نام کنید

قبل از اینکه بتوانید وب سایت خود را در صفحات GitHub ایجاد کنید ، باید یک حساب کاربری در GitHub ایجاد کنید. اگر قبلاً در GitHub حساب کاربری دارید ، حتماً وارد شوید. هر دو از نوار ابزار بالا سمت راست قابل دسترسی هستند.

ایجاد یک وب سایت در صفحات GitHub مرحله 2
ایجاد یک وب سایت در صفحات GitHub مرحله 2

گام 2. یک مخزن در GitHub ایجاد کنید.

حتما نام مخزن را "[نام کاربری GitHub خود را اینجا].github.io" بگذارید. با این کار وب سایت GitHub شما راه اندازی می شود.

روش 1 از 2: استفاده از ویرایشگر کد

ایجاد یک وب سایت در صفحات GitHub مرحله 3
ایجاد یک وب سایت در صفحات GitHub مرحله 3

مرحله 1. اگر GitHub را از قبل نصب نکرده اید ، آن را بارگیری کنید

نصب دسکتاپ GitHub به سادگی رفتن به https://desktop.github.com/ و کلیک روی دکمه بزرگ بنفش "بارگیری" ساده است. سپس برنامه نصب را اجرا کنید. این امر به منظور ایجاد تغییرات در مخزن شما مورد نیاز است.

ایجاد یک وب سایت در صفحات GitHub مرحله 4
ایجاد یک وب سایت در صفحات GitHub مرحله 4

مرحله 2. ویرایشگر کد را نصب کنید

برای دریافت برجسته نحوی در GitHub ، به یکی نیاز دارید. گزینه های محبوب شامل Atom ، Visual Studio Code ، Sublime Text و Notepad ++ با توجه به ویژگی های غنی و مینیمالیستی آنها است. پس از نصب ویرایشگر کد ، آماده شروع به کار هستید.

ایجاد یک وب سایت در صفحات GitHub مرحله 5
ایجاد یک وب سایت در صفحات GitHub مرحله 5

مرحله 3. فایلی به نام "index.html" ایجاد کنید

می توانید این کار را در ویرایشگر کد یا به صورت آنلاین انجام دهید. همچنین می توانید به محل مخزن خود در هارد دیسک خود بروید و یک فایل "index.html" در پوشه مخزن درایو خود ایجاد کنید.

ایجاد یک وب سایت در صفحات GitHub مرحله 6
ایجاد یک وب سایت در صفحات GitHub مرحله 6

مرحله 4. HTML خود را اضافه کنید

برای اینکه بتوانید یک صفحه اصلی وب را کدگذاری کنید ، باید HTML را یاد بگیرید. همچنین یادگیری CSS و جاوا اسکریپت برای شما مفید خواهد بود تا بتوانید ظاهر و عملکرد خود را به صفحه وب خود اضافه کنید.

به یاد داشته باشید که فایل را ذخیره کنید

ایجاد یک وب سایت در صفحات GitHub مرحله 7
ایجاد یک وب سایت در صفحات GitHub مرحله 7

مرحله 5. تغییرات را انجام دهید

به دسکتاپ GitHub بازگردید و روی دکمه آبی Commit to master کلیک کنید. سپس بر روی Push Origin کلیک کنید. با این کار تغییرات در GitHub بارگذاری می شود.

اگر قصد دارید تغییرات بیشتری ایجاد کنید ، می خواهید منبع را نیز بکشید. روی دکمه Pull origin در دسکتاپ GitHub کلیک کنید تا آخرین تعهد به دستگاه خود را بارگیری کنید

ایجاد یک وب سایت در صفحات GitHub مرحله 8
ایجاد یک وب سایت در صفحات GitHub مرحله 8

مرحله 6. صفحه وب خود را مشاهده کنید

در مرورگر وب به "[نام کاربری GitHub خود در اینجا].github.io" بروید. ممکن است لازم باشد کش مرورگر خود را با نگه داشتن Ctrl یا ⌘ Command در حالی که بر روی دکمه تازه سازی برای مشاهده صفحه وب جدید کلیک می کنید ، دور بزنید.

روش 2 از 2: استفاده از GitHub Online

ایجاد یک وب سایت در صفحات GitHub مرحله 9
ایجاد یک وب سایت در صفحات GitHub مرحله 9

مرحله 1. فایلی به نام "index.html" ایجاد کنید

روی افزودن فایل و سپس روی ایجاد فایل جدید کلیک کنید. با این کار ویرایشگر فایل باز می شود. "index.html" را به قسمت "نام فایل خود" اضافه کنید.

ایجاد یک وب سایت در صفحات GitHub مرحله 10
ایجاد یک وب سایت در صفحات GitHub مرحله 10

مرحله 2. HTML خود را اضافه کنید

برای اینکه بتوانید یک صفحه اصلی وب را کدگذاری کنید ، باید HTML را یاد بگیرید. همچنین یادگیری CSS و جاوا اسکریپت برای شما مفید خواهد بود تا بتوانید ظاهر و عملکرد خود را به صفحه وب خود اضافه کنید.

به یاد داشته باشید که فایل را ذخیره کنید

ایجاد یک وب سایت در صفحات GitHub مرحله 11
ایجاد یک وب سایت در صفحات GitHub مرحله 11

مرحله 3. تغییرات را انجام دهید

روی دکمه سبز Commit new file کلیک کنید تا فایل در GitHub ذخیره شود.

ایجاد یک وب سایت در صفحات GitHub مرحله 12
ایجاد یک وب سایت در صفحات GitHub مرحله 12

مرحله 4. صفحه وب خود را مشاهده کنید

در مرورگر وب به "[نام کاربری GitHub خود در اینجا].github.io" بروید. ممکن است لازم باشد کش مرورگر خود را با نگه داشتن Ctrl یا ⌘ Command در حالی که بر روی دکمه تازه سازی برای مشاهده صفحه وب جدید کلیک می کنید ، دور بزنید.

نکات

  • برای افزودن صفحات فرعی ، کافی است یک پوشه جدید در GitHub ایجاد کرده و یک فایل "index.html" را به آن پوشه اضافه کنید.
  • در صورت ثبت نام دامنه ، می توانید از صفحات GitHub به جای پیش فرض آن نام دامنه استفاده کنید.
  • مخازن صفحات GitHub باید عمومی باشند ، مگر اینکه حساب پرمیوم داشته باشید.

توصیه شده: