صفحه نخست / همه مطالب / آموزش / ساخت صفحات HTML دلخواه در GitHub

ساخت صفحات HTML دلخواه در GitHub

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

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

GitHub در اصل یک میزبان برای پروژه های متن باز اینترنتی است که امکاناتی حرفه ای را به صورت رایگان در اختیار کاربران خود قرار میدهد.

یکی از روش های استفاده از گیت هاب میزبانی فایل های کاربر است .

یعنی کاربر میتواند از GitHub به عنوان یک هاست برای نگهداری فایل های خود استفاده کند.

برای ساخت یک Page با محتوا و استایل دلخواه در GitHub مراحل زیر را طی کنید:

 

  1. ابتدا به سایت GitHub رفته و یک Repository (پروژه) ایجاد کنید

ساخت یک پروژه "Respository" در GitHub

در ادامه برای پروژه خود یک نام تعیین کنید و بر روی دکمه Create Respository کلیک کنید.

تعیین نام برای پروژه GitHub

در صفحه بعدی بر روی تب “Setting” رفته و در پایین صفحه بر روی دکمه ” Launch automatic page generator ” کلیک کنید.

تب setting در ساخت Respository در GitHubساخت صفحه کیت هاب با استفاده از صفحه ساز خودکار GitHub

در صفحه بعد بر روی دکمه “Continue to layouts” کلیک میکنیم.

انتخاب پوسته برای ساخت صفحه وبلاگ در GitHub

 

در این صفحه یکی ازپوسته ها را انتخاب میکنیم و بر روی دکمه “Publish Page” کلیک میکنیم.

لیست فایل های صفحه ایجاد شده در GitHub

ایجاد پروژه به پایان رسیده است.

هم اکنون در این صفحه میتوانیم به ویرایش فایل HTML بپردازیم و یا استایل های دلخواهمان را در پوشه Stylesheets قرار دهیم.

حالا برای مشاهده صفحه ای که ساختیم آدرس آن را به شکل زیر به دست می آوریم:

آدرس صفحه ای که هم اکنون در آن هستیم را در نظر بگیرید.

https://github.com/user-account/Respository-name

در صورتی که آدرس پروژه ما به این شکل باشد آدرس صفحه به شکل زیر است :

https://user-acccount.github.io/Respository-name

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

برای اطلاعات بیشتر به این صفحه راهنمای GitHub مراجعه کنید.

درباره جواد شقاقی

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *