كيفة تحويل مشروع على GitHub إلى Github-pages؟

قد يستغرق تحويل المستودع إلى صفحة فعلية GitHub Pages بعض الوقت خصوصًا في أول مرة، يمكنك الإنتظار 10 - 15 دقائق وإعادة تحديث الصفحة من خلال الضغط على ctrl + R

أعتقد أنك قمت بعمل شيء خاطيء لأن المشروع يعمل من خلال هذا الرابط ، أرجو منك أن تتأكد من خطوات إعداد GitHub Pages مرة أخرى.

يمكنك الإطلاع على هذا الفيديو لإعداد GitHub Pages بطريقة صحيحة

في حال كانت المشكلة بمسار الملف index.html وترغب بتعديل جذر المشروع ليصبح بداخل المجلّد dist أو أي مجلّد آخر، يمكنك تغيير المسار إلى dist من خلال الخطوات التالية:

أولاً التأكد من عدم وجود dist ضمن الملف .gitignore.

ثانياً: تنفيذ الأمر التالي:

git add dist && git commit -m "dist subtree commit"

ثالثاً: دلالة github pages إلى المجلّد dist:

git subtree push --prefix dist origin gh-pages

هناك خطوتين يجب عليك القيام بهما لإنشاء مشروع على github pages :

أولاً يجب أن يكون لديك ملف بإسم index.html ويجب أن يكون في الجذر root يعني في المجلد الرئيسي وليس داخل مجلدات داخل المشروع في المستودع repository

ثانياً يجب عليك الذهاب الى إعدادات المستودع repository والذهاب الى الإعدادات الخاصة ب github pages وهذه الاعدادات موجودة في أسفل القائمة الذي في الجزء الأيسر من الصفحة ومن ثم تحديد الفرع الذي يوجد في الصفحة وغالباً مايكون في الفرع master وايضاً اختر المجلد root

الآن يجب عليك الانتظار قليلاً لتحميل الصفحة وايضاً تذكر عند كتابة المسارات في مشروعك يجب عليك كتابتها كالمثال الآتي

<img src="./images/cat.jpg">

وليس هكذا

<img src="images/cat.jpg">