Advertisements

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

0

Advertisements

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

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

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

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

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

اولا لاستضافه ملفات js css html علي موقع 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
توضيح
ما باللون الازرق هو اسم المستخدم
ما باللون الاحمر هو اسم الحافظه
ما باللون الاخضر هو اسم الملف
شاهد الصوره التاليه

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

اترك تعليق

يرجي التسجيل لترك تعليقك

شكرا للتعليق