كيفيه استضافه ملفات js – css – html

كتب Sanad Nabil اخر تعديل فبراير 17, 2021

السلام عليكم ورحمه الله وبركاته

اليوم سوف اشرح طريقه اخري لاستضافه ملفات js – css – html فكنت قد شرح درس سابق بعنوان
كيفيه استضافه ملفات موقعك js-css-html علي Google Drive
في هذا الدرس سوف نتعلم استضافه ملفات js – css – html علي موقع Github الرهيب والافضل في هذا المجال

فقط تفوق كليا علي خدمه Google code فقد اعترفت شركه جوجل انها وفرت للمستخدمين ما يريدونه ومع ذلك

تمسكوا بموقع Github وايضا نصحت باستخدام الموقع ونقلت جميع مشاريع المستخدمين لموقع Github

واليوم سوف اشرح طريقه اخري لاستضافه ملفات js – css – html علي موقع Github

اولا لاستضافه ملفات js – css – html علي موقع Githup يجب اولا ان تقوم بعمل حساب في الموقع ادخل علي

الرابط التالي للتسجيل

Githup

بعد الدخول علي الموقع اضغط علي كلمه Sign up للتسجيل

ستظهر لك كما بالشكل التالي املئ بياناتك

1- اكتب اسمك في خانه Username

2- اكتب ايميلك في خانه Email

3- اكتب الباسورد في خانه Password

ثم اضغط Create an Account

الان سوف تنتقل للخطوه الثانيه

الموقع كما تري في الصوره التاليه منه المجاني ومنه المدفوع ولكن سوف نسجل حاليه في المجاني

1- تختار مجاني

2- بعدها اضغط Continue

والان كخطوه اخيره في التسجيل الموقع يريد ان يعرف المزيد عنك بملئ بعض من بياناتك يمكنك تجاوز هذه

الخطوه كما بالصوره

فبضغطك علي كلمه Skip this step سوف يكون الان لديك حساب في موقع Github

الان بعد التسجيل اول خطوه ستفعلها هو ان تقوم بانشاء حافظه لملفاتك بضغطك علي Repository

ولانشاء حافظه لملفاتك واعدادها بشكل صحيح تابع الشرح

1- اكتب اسم الحافظه الذي تريده

2- اكتب الوصف

ويمكنك اختيار من يمكنه رؤيه مشروعك هذا فنحن سوف نستخدمه في استضافه ملفات js – css – html ولهذا سنختار Puplic

3- اضغط علي Create Repository

ملاحظه : لا تختار Private ان كنت ستستخدم هذا المشروع لاستضافه ملفات js – css – html ليتمكن المتصفح من رؤيته ان اخترت Private لن يظهر

بعدها ستظهر لك الصوره التاليه هذا مثال يقدمه لك الموقع اضغط علي المثال كما بالصوره

هذا فقط مثال توضيحي من الموقع ليعرفك اكثر علي موقع Github

1- اكتب اسم الملف الذي تريده ولا تنسي ان تضع .js ان كان الكود Js بمعنب اخر لاتضع الاسم فقط

مثال tapseet.js مثال صيح ان كان الكود js او tapseet.css ان كان الكود css

ان كتبت الاسم فقط هكذا tapseet فهذا خطا

2- قم بكتابه الكود ثم في الاخير اضغط Create

ركز اخي الكريم في هذا الجزء لانه اهم جزء في هذا الشرح

1- اضغط علي Branch Master كما بالصوره

2- اكتب كلمه gh-pages كما هي مكتوبه بالصوره التاليه

3- اضغط علي Create branch : gh-pages

هذه هي اهم خطوه

الان عند الدخول للموقع بغرض انشاء كود جديد تاكد اولا انه علي خيار gh-pages

ثم اضغط علي New وقم باشاء ملفك

كما قلنا سابقا عند قيامك بعمل كود تاكد انه علي خيار gh-pages

الان بعد اتمامك كتابه الكود انسخ الرابط كما بالصوره التاليه

سوف تجد الرابط علي هذا الشكل
github.com/tapseetcom/tapseet/blob/gh-pages/tapseet.js
ولوضعه في قالبك اجعله يبدوا بالشكل التالي
tapseetcom.github.io/tapseet/tapseet.js
توضيح
ما باللون الازرق هو اسم المستخدم
ما باللون الاحمر هو اسم الحافظه
ما باللون الاخضر هو اسم الملف
شاهد الصوره التاليه

ارجوا ان ينال الشرح اعجابكم ولا تنسي ان تدعمنا بضغطك للزر لايك ومشاركه الموضوع الي اللقاء في موضوعات اخري