مواقع

استضافة موقع الويب الخاص بك على Github 

لماذا أخبرك عنهم؟ حسنًا ، يحتوي Github على ميزة تسمى Github Pages ، والتي تجعل من السهل والمجاني إنشاء موقع ويب متعدد الملفات مستضاف على yourusername.github.io.

Github هي شركة تستضيف “مستودعات الأكواد” ، ومجموعات من التعليمات البرمجية للمشاريع. العديد من مستودعات الأكواد “مفتوحة المصدر” ، مما يعني أنها متاحة للجمهور لتصفح العالم بأسره. هذا رائع ، لأن هذه هي الطريقة التي يتعلم بها المبرمجون من بعضهم البعض ويبنيون على عمل بعضهم البعض! أكاديمية خان لديها عدد غير قليل من مستودعات المصادر المفتوحة . يمكن أن تحتوي مستودعات الأكواد على جميع أنواع التعليمات البرمجية ، وليس فقط HTML و CSS – أيًا كان الرمز المطلوب لإنجاح المشروع.
لماذا أخبرك عنهم؟ حسنًا ، يحتوي Github على ميزة تسمى Github Pages ، والتي تجعل من السهل والمجاني إنشاء موقع ويب متعدد الملفات مستضاف على yourusername.github.io.
ملاحظة: أكاديمية خان ليست تابعة لشركة جيثب. يرجى الرجوع إلى شروط استخدام Github والسياسات الأخرى قبل أن تقرر التسجيل للحصول على حساب ، خاصة إذا كان عمرك أقل من 13 عامًا.

قم بالتسجيل للحصول على حساب جيثب

قم بزيارة github.com ، وسترى نموذج اشتراك على صفحتهم الأولى. (إذا لم تكن كذلك ، مبروك ، لديك حساب بالفعل مثل: eshrag1! يمكنك التخطي إلى الخطوة 2).
عندما تختار اسم المستخدم الخاص بك ، ضع في اعتبارك أنه سيكون متاحًا للجمهور على الإنترنت وسيكون في عنوان URL لموقع الويب الخاص بك yourusername.github.io:. يحب بعض الأشخاص استخدام ألقاب أو أسماء مضحكة بدلاً من أسمائهم الحقيقية لأسباب تتعلق بالخصوصية ، ولكن الأمر متروك لك.

لقطة شاشة لشاشة الاشتراك في جيثب
في الخطوة 2 ، اختر الخطة المجانية . لا تحتاج إلى خطة مدفوعة لمستودع موقع عام. (يمكنك دائمًا الترقية لاحقًا إذا أصبحت مستخدمًا غزير الإنتاج لـ Github وتحتاج إلى ميزاته الاحترافية.)

لقطة شاشة لخطوة الاشتراك في Github 2
في الخطوة 3 ، يمكنك الإجابة على أسئلة الاستطلاع أو تخطي هذه الخطوة:

لقطة شاشة لعملية الاشتراك في Github ، مسح الخطوة 3
بعد ملء نموذج الحساب الجديد ، تأكد من فحص صندوق البريد الإلكتروني الخاص بك والنقر فوق الرابط للتحقق من عنوان بريدك الإلكتروني:

لقطة شاشة لشاشة التحقق من Gmail لـ Github

قم بإنشاء مشروع Github لموقعك على الويب

بمجرد التحقق من عنوان بريدك الإلكتروني ، سترى صفحة البداية. انقر فوق “بدء مشروع”.

لقطة شاشة لصفحة بدء Github مع زرين ، اقرأ الدليل وابدأ مشروعًا
في صفحة إنشاء المشروع ، سيُطلب منك اسم المشروع. تأكد من تسمية مشروعك بالضبط “YOUR_USERNAME.github.io”. هذا يخبر Github أنك تقوم بإنشاء مشروع صفحة ويب خاص ، بحيث يعرف كيفية تحميل ملفاتك إلى عنوان URL الذي يواجه المستخدم كلما قمت بتغييرها. نظرًا لأن اسم المستخدم الخاص بي كان “PamelaFoxBot” ، فقد أطلقت على مشروعي “PamelaFoxBot.github.io”:

لقطة شاشة لواجهة جيثب لإنشاء مشروع جديد
مبروك لديك مشروع جديد! لكن ليس لديها ملفات حتى الآن. كطريقة سريعة لإنشاء الملف الأول ، انقر فوق الارتباط “README” :

لقطة شاشة لواجهة جيثب بعد إنشاء مشروع جديد
أنت الآن تبحث في واجهة محرر ملفات Github ، لملف باسم README.mdقم بتغيير اسم الملف من README.mdإلى index.htmlتتوقع الخوادم index.htmlأن تكون اسم الملف الرئيسي لمجلد موقع الويب. يمكن للفهرس الخاص بك بعد ذلك الارتباط بصفحات أخرى من موقع الويب.

لقطة شاشة لمحرر ملف Github لـ README.md ، مع اسم الملف محاطة بدائرة
احذف المحتويات الحالية لمحرر الملفات واستبدلها بـ HTML لصفحة الويب الخاصة بك. يمكنك نسخ ولصق HTML من مشروع من Khan Academy أو مشروع كنت تقوم بتطويره على جهاز الكمبيوتر الخاص بك.

لقطة شاشة لمحرر ملف جيثب مع HTML في مربع التحرير
قم بالتمرير لأسفل الصفحة حتى تجد منطقة Commit ، وانقر فوق “Commit new file”. في كل مرة تقوم فيها بإنشاء إصدار جديد من الملف ، فإنك تقوم بإجراء “التزام” لتسجيل ذلك في محفوظات إصدار الملف. كل التزام لديه رسالة لوصف التغيير. يقترح Github رسالة افتراضية (“Create index.html” ، في هذه الحالة) ، ولكن يمكنك تجاوز ذلك عن طريق الكتابة في المربع.

لقطة شاشة لواجهة Github “Commit new file”
اكتب YOUR_USERNAME.github.io في المتصفح ، وأعد التحميل حتى تظهر صفحة الويب الخاصة بك.
يستغرق Github من 1 إلى 10 دقائق لتحميل تغييرات مشروعك إلى عنوان URL لصفحة الويب التي تواجه المستخدم ، لذلك قد تحتاج إلى التحلي بالصبر. قد تحتاج أيضًا إلى “إعادة التحميل الثابت” (اضغط مع الاستمرار على shift أثناء إعادة التحميل) ، لمسح ذاكرة التخزين المؤقت للمتصفح.

لقطة شاشة لصفحة الويب على github.io

تحميل مواقع متعددة الملفات على جيثب

ربما يعمل بعضكم بالفعل على مواقع ويب متعددة الملفات خارج Khan Academy ، باستخدام محرر سطح المكتب. قد يحتوي موقع الويب الخاص بك على ملفات HTML و CSS و JS وصور متعددة.
إذا كنت تريد تحميل موقع الويب هذا إلى Github ، فلا تقلق ، فأنت لست بحاجة إلى نسخ ولصق كل من هذه الملفات على حدة! سيكون ذلك مملاً حقًا. هناك طريقة أفضل …
افتح مشروعك على Github وانقر على “تحميل الملفات”.

لقطة شاشة لواجهة مشروع Github مع زر “تحميل الملفات” محاط بدائرة باللون الأحمر
سترى واجهة تحميل ملف Github. لتحديد ملفاتك ، اسحبها وأفلتها أو استخدم منتقي الملفات :

ابحث عن مجلد مشروعك وحدد الملفات التي تريد تحميلها.
بشكل عام ، تريد تحميل أي ملفات قمت بتغييرها. إذا لم تكن متأكدًا ، فما عليك سوى تحميل كل شيء. سيستخدم Github خوارزمية لمعرفة ما الذي تغير وما لم يتغير ، وإنشاء إصدارات جديدة فقط للملفات التي تم تغييرها.

لقطة شاشة لمنتقي الملفات
قم بتغيير رسالة الالتزام كما تريد وانقر على “تنفيذ التغييرات”.

لقطة شاشة لارتكاب الملفات المرفوعة
أعد تحميل صفحة الويب الخاصة بك لترى التغييرات!
تذكر أن الأمر يستغرق ما يصل إلى 10 دقائق. الصبر صديقنا هنا. 😊
هذا هو السبب في أنه من الأفضل إجراء التطوير والاختبار في بيئة سطح المكتب المحلية الخاصة بك ، والتحميل فقط إلى Github (أو أي مزود استضافة آخر) بمجرد أن تشعر بالرضا عن مظهر موقع الويب الخاص بك محليًا.


اكتشاف المزيد من إشراق العالم

اشترك للحصول على أحدث التدوينات المرسلة إلى بريدك الإلكتروني.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Back to top button