طريقة رفع اكواد JS, CSS, HTML على Github والحصول على رابط مباشر - تكنوجيك
الرئيسية أخبار التكنولوجيا فيديوهات سكيورتي ويندوز تطوير الويب أندرويد

اعلان اعلى المدونة

طريقة رفع اكواد JS, CSS, HTML على Github والحصول على رابط مباشر

طريقة رفع اكواد JS, CSS, HTML على Github والحصول على رابط مباشر



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

وبسبب القيود التى يفرضها موقع جوجل درايف وحدوث أخطاء مثل الخطأ المشهور 429 فالحل الأمثل هو الإستغناء تماماً عن Google Drive  وتجربة البديل Github.

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

1. الخطوة الأولي
    سجل أو إنشئ حساب جديد فى غيت هاب من هنا. بعد الإنتهاء من التسجيل في الموقع اتبع الخطوات التالية.

2. الخطوة الثانية
     فى الجهة اليمني العليا من الشاشة اضغط على علامة الزائد (+) ومن القائمة اختار "New Repository" كما موضح بالأسفل.

     فى الجهة اليمني العليا من الشاشة اضغط على علامة الزائد (+) ومن القائمة اختار "New Repository" كما موضح بالأسفل.

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

الخطوة الثالثة      فى الصفحة التالية من فضلك اتبع التعليمات التالية، وكما هو موضح على الصورة.

4. الخطوة الرابعة
     بعد إنشاء المستودع متبقى رفع أكواد JS, CSS, HTML. الان انت مخير بين خيارين إما رفع ملف الأكواد من الكمبيوتر أو اضافة الكود مباشرة للمحرر.

👈 رفع ملف الأكواد من الكمبيوتر
     لرفع الملف اتبع التعليمات الموجودة بالصورة مع الأخذ بالاعتبار التالى:
     1. ملف الجافا سكريبت يجب ان يكون على الصيغة التالية js. كمثال: test.js
     2. ملف CSS يجب ان يكون على الصيغة التالية css. كمثال: test.css
     3. ملف HTML يجب ان يكون على الصيغة التالية .html كمثال test.html

 بعد إنشاء المستودع متبقى رفع أكواد JS, CSS, HTML. الان انت مخير بين خيارين إما رفع ملف الأكواد من الكمبيوتر أو اضافة الكود مباشرة للمحرر.
 رفع ملف الأكواد من الكمبيوتر

👈 وضع الأكواد مباشرة للمحرر
     اضغط على Create new file، وسوف يتم تحويلك لصفحة اتبع التعليمات الموضحة على الصورة.
ملاحظة: اسم الملف يجب ان ينتهي كالأتى:
 - js. للجافا سكريبت
 - css. لأكواد الاستايل
 - html. لأكواد HTML

كما بالصورة

وضع الأكواد مباشرة للمحرر      اضغط على Create new file، وسوف يتم تحويلك لصفحة اتبع التعليمات الموضحة على الصورة.

5. الخطوة الخامسة
     فى حالة رفعت الملف او وضعت الكود داخل المحرر يتم تحويلك لصفحة بها الملفات الموجودة داخل المستودع. قم بالنقر كليك يمين على اسم الملف واضغط على Copy link address.

5. الخطوة الخامسة      فى حالة رفعت الملف او وضعت الكود داخل المحرر يتم تحويلك لصفحة بها الملفات الموجودة داخل المستودع. قم بالنقر كليك يمين على اسم الملف واضغط على Copy link address.

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

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

الفرق بين رابط Production ورابط Development

👈 بكل اختصار فى حالة نسخ رابط Production اى تغيرات بعد ذلك فى الأكواد فى GitHub لن يتغير شئ فى الرابط، وسيبقى الكود كما هو علية فى الرابط قبل التعديل على الكود أما فى حالة نسخ رابط Development أى تغير ستقوم به فى الكود في موقع غيت هاب ستتغير فى الرابط.

تحياتى لكم : عبدالله كمال
Abdallah Kamal
عبدالله كمال
CEO

طالب بتخصص علوم الحاسب، مصم ومطور مواقع، مدون، مؤسس للعديد من المشاريع والشركات الرقمية على الانترنت

ارسال رساله

ربما يعجبك أيضاً :

اضافة تعليق