طريقة رفع ملفات CSS و JAVASCRIPT على موقع Github
بديل سريع وآمن لاستضافة ملفاتك البرمجية: لماذا GitHub هو الحل الأمثل؟
في عالم التدوين والويب، تقدم منصات مثل بلوجر خدمة استضافة مجانية لمحتواك وملفاتك، مما يتيح لك إنشاء مدونتك الخاصة دون تكاليف. صحيح أن هذه الخدمة توفر مساحة آمنة لاستضافة ملفاتك، لكنها قد لا تكون الخيار الأفضل عندما يتعلق الأمر بملفات CSS وJavaScript الكبيرة التي تثقل كاهل قالب مدونتك وتؤثر سلبًا على سرعة تحميل الصفحات.
هنا تأتي الحلول الذكية! بدلًا من تحميل القالب بكميات كبيرة من الأكواد، يمكنك تفريغ هذه الملفات على منصات استضافة متخصصة. اليوم، سنستعرض معًا كيف يمكن لـ GitHub - المنصة الأشهر في عالم المطورين - أن يكون الحل الأمثل لهذه المشكلة، حيث يوفر لك:
- ✔️ استضافة مجانية 100% لملفاتك البرمجية
- ✔️ روابط آمنة (HTTPS) لملفات CSS وJavaScript
- ✔️ إمكانية التحكم الكامل في إصدارات ملفاتك
- ✔️ سرعة عالية في توصيل الملفات للزوار
GitHub ليس مجرد منصة للمطورين المحترفين، بل هو أداة قوية يمكن لأي مدون أو صاحب موقع الاستفادة منها لتحسين أداء موقعه. فبينما تتراوح بدائل الاستضافة الأخرى بين الخدمات المدفوعة وغير الآمنة (HTTP)، يظل GitHub الخيار المجاني والآمن الذي يجمع بين المصداقية والأداء العالي.
في هذا الدليل، سنأخذك في رحلة لاستكشاف كيف يمكن تحويل GitHub إلى خادم استضافة مثالي لملفاتك البرمجية، مما يخفف العبء عن قالب مدونتك ويسرع من أدائها بشكل ملحوظ.
دليل شامل لرفع ملفات CSS وJavaScript على GitHub
الخطوة الثانية: بدء مشروع جديد
بعد التسجيل، اختر Start a Project لإنشاء مستودع جديد.
الخطوة الثالثة: إعداد المستودع
- اختر اسمًا للمستودع (Repository name)
- اختر
Initialize this repository with a README - اضغط على
Create repository
الخطوة الرابعة: رفع الملفات
اضغط على Create new file لبدء رفع ملفاتك البرمجية.
الخطوة الخامسة: حفظ الملفات
أدخل الأكواد الخاصة بك ثم اضغط على Commit new file.
- استخدم .js لملفات الجافاسكريبت
- استخدم .css لملفات الأنماط
- استخدم .html لملفات HTML
الخطوة السادسة: نسخ رابط الملف
انقر بزر الماوس الأيمن على اسم الملف واختر Copy link address.
الخطوة الثامنة: استخدام الملفات في مدونتك
لملفات CSS:
<link href='رابط_الملف.css' rel='stylesheet' type='text/css'/>لملفات JavaScript:
<script src='رابط_الملف.js' type='text/javascript'/>