لون الويب

أحدث المواضيع

طريقة رفع ملفات CSS و JAVASCRIPT على موقع Github


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

وترغب في جعل مدونتك تعمل بشكل أسرع، لذلك الحل هو إستخدام إستضافات خارجية على أحد المواقع التي توفر لك هذا الأمر لتقليل الأكواد على مدونتك، واليوم سوف أشرح لكم طريقة إستضافة ملفات CSS و JAVASCRIPT على الموقع المعروف Github ، وكيفية الحصول على روابط مباشرة للأكواد بصيغة .JS او .CSS، ولو بحثنا على بديل فستجد أغلبها غير مجاني أو على نطاق غير آمن HTTP.

ولكن اليوم مع موقع Github سوف تتمكن من إستضافة الملفات عليه وسيسهل عليك العمل بشكل كبير جداً وسوف يجعلك تتخلص من الأكواد الكثيرة في مدونتك أو موقعك.

Github هو خدمة ويب مجانية لمشاريع البرمجيات، حيث يعتبر هو الموقع الأكثر شعبية على مستوى العالم من بين المواقع التي تقدم خدمة إستضافة البرمجيات، وبالأضافة إلى ذلك يعتمد عليه مجموعة كبيرة من أصحاب المواقع فى تخزين أكواد JS, CSS, HTML.


ولتجربة Github والبدء في رفع أكواد JS, CSS, HTML إتبع الخطوات التالية:

1- الخطوة الأولى
سجل أو إنشئ حساب جديد فى Github.
بعد ذلك سوف يكون عليك تفعيل الحساب من الأيميل، وبعد ذلك سوف يتفعل معك.


2- الخطوة الثانية
الأن بعد التسجيل فى الموقع نأتي إلى شرح إستضافة الملفات عليه، قم بإختيار إبدأ مشروع جديد Start a Project  كما في الصورة التالية.


3- الخطوة الثالثة
فى الصفحة التالية من فضلك اتبع التعليمات التالية، وكما هو موضح في الصورة.
1. تقوم بتحديد إسم لمستودع الأكواد Repository name بأي إسم تريده
2. علم على Initialize this repository with a README
3. اضغط فوق زر Create repository


4- الخطوة الرابعة
بعد إنشاء المستودع متبقي رفع الأكواد، إضغط Create new file وكما موضح في الصورة التالية:


5- الخطوة الخامسة
بعد ذلك سوف تدخل إلى صفحة الملف وتقوم بإختيار إسم الملف الذي سوف تضع له الأكواد، وبعد ذلك تضع الأكواد كما في الصورة التالية وتقوم بالضغط على Commit new file.


ملاحظة: إسم الملف يجب ان ينتهي كالأتي:

  • js. للجافا سكريبت
  • css. لأكواد الاستايل
  • html. لأكواد HTML


6- الخطوة السادسة
قم بالنقر كليك يمين على إسم الملف وإضغط على Copy link address.


7- الخطوة السابعة
للحصول على رابط مباشر لمصدر الكود سنحتاج للدخول الى موقع raw.githack ولصق رابط الملف URL الذي نسخناه منذ قليل في الخانة الاولى في الموقع وكما موضوح بالصورة.


8- الخطوة الثامنة
الأن لوضع رابط الملف بعد تحويله فى مدونتك وسوف تستخدم أحد هذه الأكواد .

إذا كانت الأكواد التي قمت بإستضافتها على الموقع هى أكواد CSS قم بإستخدام الكود التالي وضع بداخله الرابط بعد تحويله  في الموقع الثاني، وتقوم بوضع الكود أسفل وسم الهيد <head> في مدونتك.

<link href='ضع الرابط هنا' rel='stylesheet' type='text/css'/>

وإذا كانت الأكواد JAVASCRIPT سوف يكون عليك إستخدام هذا الكود، وقم بوضع الكود فوق هذا الوسم </body> في مدونتك.

<script src='ضع الرابط هنا' type='text/javascript'/>

وبهذا تكون قد إنتهيت من كل شئ، وتم أستضافة الملفات على موقع Github


وللمزيد من التفصيل يمكنكم متابعة الفيديو في الأسفل:



الدخول الى موقع GITHUB.
2- الدخول الى موقع raw.githack للحصول على رابط مباشر.
الأكواد المذكورة في الدرس:
<link href='ضع الرابط هنا' rel='stylesheet' type='text/css'/>
<script src='ضع الرابط هنا' type='text/javascript'/>

ليست هناك تعليقات:

إرسال تعليق

Adbox

@templatesyard

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

الاسم

بريد إلكتروني *

رسالة *