اصنع موقعك من خلال Github

GITHUB

كيفية صناعة مدونة خاصة بك باستخدام موقع GitHub (بشكل مفصل ومبسط)

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

ما هو GitHub Pages؟

GitHub Pages هو خدمة مجانية يقدمها موقع GitHub لاستضافة صفحات الويب. يسمح لك بتخزين ملفات HTML و CSS و JavaScript وتشغيلها مباشرة من مستودع GitHub. يمكن استخدامه لإنشاء مواقع ثابتة مثل المدونات الشخصية.

ما هو Jekyll؟

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

الخطوة 1: إنشاء حساب على GitHub

أول شيء يجب عليك فعله هو إنشاء حساب على GitHub إذا لم يكن لديك واحدًا بعد:

1. قم بزيارة الموقع Github.
2. أنشئ حسابًا جديدًا بإدخال بريدك الإلكتروني، اسم المستخدم، وكلمة المرور.
3. بعد التسجيل، قم بتأكيد بريدك الإلكتروني.

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

1. قم بتسجيل الدخول إلى حسابك على GitHub.
2. اضغط على زر "New" في صفحة مستودعاتك.
3. اختر اسمًا للمستودع، مثلا my-blog.
4. تأكد من تحديد خيار "Public".
5. اضغط على زر "Create repository".

الخطوة 3: تفعيل GitHub Pages

1. بعد إنشاء المستودع، اذهب إلى صفحة إعدادات المستودع.
2. في قسم GitHub Pages، اختر الفرع (branch) الذي ستنشر عليه المدونة. عادة، تختار الفرع الرئيسي main أو master.
3. ثم اختر المجلد الذي يحتوي على الملفات المبدئية للموقع (عادةً ما يكون المجلد root).
4. اضغط على Save.

الخطوة 4: تثبيت Jekyll

إذا كنت ترغب في تخصيص المدونة بشكل أكبر، يمكن أن تستخدم Jekyll. إذا كنت تستخدم جهاز كمبيوتر يعمل بنظام التشغيل Windows أو macOS، يجب أن يكون لديك Ruby مثبتًا أولًا. هذه بعض الخطوات لتثبيت Jekyll:

على macOS:

1. افتح تطبيق Terminal.
2. قم بتثبيت Homebrew إذا لم يكن لديك:

   /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
   

3. بعد ذلك، قم بتثبيت Jekyll:

   gem install jekyll bundler
   

على Windows:

1. قم بتثبيت RubyInstaller.
2. بعد التثبيت، قم بتثبيت Jekyll:

   gem install jekyll bundler
   

الخطوة 5: إنشاء مشروع Jekyll جديد

1. افتح الطرفية أو الـ Command Prompt.
2. اذهب إلى المجلد الذي ترغب في إنشاء مدونتك فيه.
3. اكتب الأمر التالي لإنشاء مشروع Jekyll جديد:

   jekyll new my-blog
   

4. اذهب إلى مجلد my-blog باستخدام الأمر:

   cd my-blog
   

الخطوة 6: رفع المدونة على GitHub

1. قم بفتح المستودع الذي أنشأته على GitHub.
2. في مشروع Jekyll، قم بإضافة مستودع GitHub كمستودع بعيد (remote repository):

   git remote add origin https://github.com/yourusername/my-blog.git
   

3. ثم قم بدفع الملفات إلى المستودع على GitHub:

   git add .
   git commit -m "First commit"
   git push -u origin main
   

الخطوة 7: تخصيص المدونة

يمكنك تخصيص المدونة الخاصة بك عن طريق تعديل ملفات الإعدادات في مشروع Jekyll. يمكنك تعديل:

• _config.yml: ملف الإعدادات الرئيسي للمدونة، حيث يمكنك تغيير عنوان المدونة، الوصف، رابط الحسابات الاجتماعية، وغيرها.
• _posts: حيث يمكنك إضافة المقالات الجديدة باستخدام ملفات Markdown.

الخطوة 8: إضافة محتوى جديد

1. لكتابة مقالة جديدة، افتح مجلد _posts.
2. قم بإنشاء ملف جديد باسم يحتوي على التاريخ مثل:

   2025-01-22-my-first-post.md
   

3. اكتب المقال باستخدام تنسيق Markdown. على سبيل المثال:

   ---
   layout: post
   title: "مدونتي الأولى"
   date: 2025-01-22
   categories: general
   ---
   مرحبًا بكم في أول تدوينة على مدونتي الشخصية!

الخطوة 9: نشر المدونة

1. بعد رفع الملفات والتأكد من إضافة المقالات، يمكنك زيارة رابط GitHub Pages الذي سيبدو كالتالي:

   https://yourusername.github.io/my-blog/
   

ستظهر المدونة الخاصة بك مع المقالات التي قمت بإنشائها.

الخاتمة

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

ملاحظة 

قم بضعط على اسم البرنامج وحمله تـــحــــــ{📦}ــــمـــيــــل

RubyInstaller & Github