اذهب إلى المحتوى
  • 0

استضافة github

Abdelrhman Gafar

السؤال

عندما اقوم باستعمال github pages لاستضافة موقع ثابت يظهر لي الموقع (عند دخوله بالرابط المولد من github) من غير تنسيقات 

ماذا قد يكون السبب؟

واذا كان هناك مواقع مجانية للاستضافة وسهلة الاستخدام رجاءا دلوني عليها.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

عندما نستخدم مسارا نسبيا مثل href="css/styles.css"، فإن المتصفح يبحث عن ملف styles.css في المسار الجذر للموقع. لكن إذا كان الموقع مستضافا في مجلد فرعي كما يحدث عند استخدام GitHub Pages، فإن المسار يجب أن يكون نسبيا للمكان الذي يوجد فيه ملف HTML.

بمعني انه يجب استخدام المسار النسبي الذي يبدأ بالنقطة ./ لإخبار المتصفح بأن ملف styles.css موجود داخل مجلد css، والذي يوجد في نفس المجلد مع ملف HTML.

<link rel="stylesheet" href="./css/styles.css">

النقطة ./ تشير إلى المجلد الحالي الذي يحتوي على ملف HTML، ومن ثم ننتقل إلى المجلد css للوصول إلى ملف styles.css.

مواقع مجانية لاستضافة المواقع Netlify سهلة الاستخدام وتدعم استضافة المواقع الثابتة بشكل ممتاز.

Vercel خدمة رائعة وسهلة الاستخدام تستضيف المواقع الثابتة ويدعم تطبيقات Next.js بشكل جيد.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 15 ساعة قال Khaled Osama3:

عندما نستخدم مسارا نسبيا مثل href="css/styles.css"، فإن المتصفح يبحث عن ملف styles.css في المسار الجذر للموقع. لكن إذا كان الموقع مستضافا في مجلد فرعي كما يحدث عند استخدام GitHub Pages، فإن المسار يجب أن يكون نسبيا للمكان الذي يوجد فيه ملف HTML.

بمعني انه يجب استخدام المسار النسبي الذي يبدأ بالنقطة ./ لإخبار المتصفح بأن ملف styles.css موجود داخل مجلد css، والذي يوجد في نفس المجلد مع ملف HTML.

<link rel="stylesheet" href="./css/styles.css">

النقطة ./ تشير إلى المجلد الحالي الذي يحتوي على ملف HTML، ومن ثم ننتقل إلى المجلد css للوصول إلى ملف styles.css.

مواقع مجانية لاستضافة المواقع Netlify سهلة الاستخدام وتدعم استضافة المواقع الثابتة بشكل ممتاز.

Vercel خدمة رائعة وسهلة الاستخدام تستضيف المواقع الثابتة ويدعم تطبيقات Next.js بشكل جيد.

عندما اضفت النقطه قد ظهرت لي التنسيقات 

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

فهل يجب ان اضيف نقطه امام كل صورة بشكل يدوي؟

وماذا يجب ان افعل لاصلاح الايقونات؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 38 دقائق مضت قال Abdelrhman Gafar:

عندما اضفت النقطه قد ظهرت لي التنسيقات 

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

فهل يجب ان اضيف نقطه امام كل صورة بشكل يدوي؟

وماذا يجب ان افعل لاصلاح الايقونات؟

لا أنصحك برفع مشاريعك على GitHub pages بسبب المشاكل التي تحدث بسبب المسارات، حيث سيتعين عليك تعديل المسارات في مشروعك، فستحتاج إلى تعديل المسارات لتبدأ بـ /. أو /.. حسب المسار

لذا من الأسهل لك رفع مشاريع المواقع الـ Static على Netlify، حيث ستقوم برفع المشروع من خلال رفع المجلد أو من خلال المستودع وانتهى الأمر.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 2 ساعة قال Mustafa Suleiman:

لا أنصحك برفع مشاريعك على GitHub pages بسبب المشاكل التي تحدث بسبب المسارات، حيث سيتعين عليك تعديل المسارات في مشروعك، فستحتاج إلى تعديل المسارات لتبدأ بـ /. أو /.. حسب المسار

لذا من الأسهل لك رفع مشاريع المواقع الـ Static على Netlify، حيث ستقوم برفع المشروع من خلال رفع المجلد أو من خلال المستودع وانتهى الأمر.

لقد نجح الرفع في netlify لموقع , ولكن عندما حاولت رفع موقع اخر لم يعمل (بعد توليد الرابط وعند الضغط عليه يقوم باظهار الصفحه غير موجوده)

Screenshot 2024-08-07 011505.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 5 ساعة قال Abdelrhman Gafar:

عندما اضفت النقطه قد ظهرت لي التنسيقات 

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

فهل يجب ان اضيف نقطه امام كل صورة بشكل يدوي؟

وماذا يجب ان افعل لاصلاح الايقونات؟

نعم للأسف يجب أن تفعل المسار النسبي لأي مسار ملف ستسدعيه

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...