تم اكتشاف مانع الإعلانات! ❌

يبدو أنك تستخدم مانع إعلانات. هذا الموقع يعتمد على الإعلانات لتقديم محتوى مجاني.

يرجى تعطيل مانع الإعلانات لدعمنا!

إنشاء موقع ويب مجاني بإستخدام GitHub Pages

byمدونة العرائش التقنية -

كيفية إنشاء موقع ويب مجاني بإستخدام GitHub Pages في 10 دقائق!

موقع ويب مجاني بإستخدام GitHub Pages

لماذا GitHub Pages؟

هل تعلم أنك تستطيع نشر موقعك الشخصي أو Portfolio مجانًا دون الحاجة لإستضافة مدفوعة؟  لأنك مع GitHub Pages، 

كما يمكنك تحويل أي مستودع GitHub إلى موقع يعمل مباشرة! في هذا الموضوع و من خلال مدونة العرائش التقنية سوف نشرح لكم و بالتفاصيل كل ما يخص Github Pages.

ماهي مميزات GitHub Pages:

  • مجاني بالكامل (حتى مع نطاق مخصص).
  • يدعم HTML/CSS/JavaScript وحتى Static Site Generators مثل Jekyll.
  • سهل التكامل مع أدوات التطوير الحديثة.

ماهي متطلبات Github Pages الأساسية؟

  1. إنشاء حساب على GitHub (إذا لم تكن مسجلاً، اضغط هنا) التسجيل مجانا.
  2. مشروع موقع ويب (حتى لو ملف index.html بسيط).
 

خطوات لإنشاء مستودع Github جديد

لنبدأ الآن بإنشاء مستودع خاص بالموقع:

  1. إذهب إلى صفحة إنشاء مستودع جديد.
  2. أدخل إسم المستودع بالصيغة: اسمك.github.io (مثال: ali22.github.io).
  3. إختر Public ثم انقر Create repository.


خطوات لرفع ملفات الموقع على Github

الطريقة الأولى: عبر سطر الأوامر

git clone https://github.com/اسمك/اسمك.github.io.git
cd اسمك.github.io
echo "<h1>مرحبًا بالعالم!</h1>" > index.html
git add .
git commit -m "أول رفع للموقع"
git push

الطريقة الثانية: برفع الملفات يدويًا

  1. انقر على Add file → Upload files.
  2. اسحب مجلد الموقع أو ملف index.html.

كيفية تفعيل GitHub Pages

  1. إذهب إلى Settings → Pages.
  2. إختر الفرع main أو master.
  3. أنقر Save.

انتظر 1-2 دقيقة، ثم إفتح https://اسمك.github.io!

نصائح في github إحترافية

النصيحة التفصيل
إستخدام قوالب جاهزة جرب قوالب Jekyll المجانية لمظهر إحترافي.
ربط نطاق مخصص قم بضبط DNS في إعدادات Custom Domain.
تحسين السرعة إستخدم PageSpeed Insights لتحميل أسرع.

أسئلة شائعة حول  Github Pages

هل يمكنني إستخدام PHP مع GitHub Pages؟

لا، يدعم فقط مواقع ثابتة (HTML/CSS/JS). للوظائف الديناميكية، تحتاج لاستضافة مدفوعة.

كيف أغير تصميم الموقع لاحقًا؟

فقط عدّل الملفات في المستودع وأعد رفعها، التغييرات تظهر تلقائيًا خلال دقائق.


موقعك على github Pages جاهز الآن

بهذه الخطوات البسيطة، لقد أصبح لديك موقع يعمل على الإنترنت مجانًا! جرب إضافة:

  • صفحة "عني" (About) لتعريف الزوار بك.
  • رابط موقعك في سيرتك الذاتية أو لينكدإن.

💡 تحدّى نفسك: شارك رابط موقعك في التعليقات، وسنساعدك في تحسينه!

Tags
أحدث أقدم

نموذج الاتصال