تعد صفحات GitHub طريقة رائعة لإنشاء موقعك الشخصي من البداية. إنه مجاني تمامًا ولا يتطلب سوى حساب GitHub. لاحظ ، مع ذلك ، أن صفحات GitHub لا تقدم التصميم الأكثر سهولة في الاستخدام لإنشاء مواقع الويب (على عكس Wix أو Squarespace) ، ولكنها طريقة رائعة لاكتساب الخبرة مع HTML / CSS / JS وجميع عناصر موقع الويب. سيوضح لك هذا المقال كيفية البدء.
خطوات
الخطوة الأولى. قم بتسجيل حساب على GitHub ، إذا لم يكن لديك حساب حتى الآن
قبل أن تتمكن من إنشاء موقع الويب الخاص بك على صفحات GitHub ، تحتاج إلى إنشاء حساب على GitHub. إذا كان لديك بالفعل حساب على GitHub ، فتأكد من تسجيل الدخول. يمكن الوصول إلى كليهما من شريط الأدوات الأيمن العلوي.
الخطوة 2. قم بإنشاء مستودع على جيثب.
تأكد من تسمية المستودع "[اسم مستخدم GitHub هنا].github.io". سيؤدي هذا إلى تهيئة موقع GitHub الخاص بك.
الطريقة 1 من 2: استخدام محرر التعليمات البرمجية
الخطوة الأولى: قم بتنزيل GitHub desktop ، إذا لم يكن مثبتًا لديك بالفعل
يعد تثبيت سطح مكتب GitHub بسيطًا مثل الانتقال إلى https://desktop.github.com/ والنقر فوق الزر الأرجواني الكبير "تنزيل". ثم قم بتشغيل المثبت. هذا ضروري لدفع التغييرات إلى المستودع الخاص بك.
الخطوة الثانية. قم بتثبيت محرر التعليمات البرمجية
أنت بحاجة إلى واحد من أجل الحصول على تمييز بناء الجملة على GitHub. تشمل الخيارات الشائعة Atom و Visual Studio Code و Sublime Text و Notepad ++ ، نظرًا لشعورها الغني بالميزات والبساطة. بعد تثبيت محرر الكود ، تكون جاهزًا للبدء.
الخطوة الثالثة. قم بإنشاء ملف يسمى "index.html"
يمكنك القيام بذلك في محرر التعليمات البرمجية الخاص بك أو عبر الإنترنت. يمكنك أيضًا الانتقال إلى موقع المستودع الخاص بك على محرك الأقراص الثابتة وإنشاء ملف "index.html" في مجلد المستودع على محرك الأقراص لديك.
الخطوة 4. أضف HTML الخاص بك
ستحتاج إلى تعلم HTML حتى تتمكن من ترميز صفحة ويب أساسية. سيكون من المفيد لك أيضًا تعلم CSS و JavaScript حتى تتمكن من إضافة التصميم والوظائف إلى صفحة الويب الخاصة بك.
تذكر أن تحفظ الملف
الخطوة 5. قم بإجراء التغييرات
ارجع إلى سطح مكتب GitHub وانقر على الزر الأزرق الالتزام بالسيد. ثم انقر فوق Push Origin. سيؤدي هذا إلى تحميل التغييرات على GitHub.
إذا كنت تخطط لإجراء المزيد من التغييرات ، فستحتاج إلى سحب الأصل أيضًا. انقر على زر سحب الأصل في سطح مكتب GitHub لتنزيل أحدث التزام على جهازك
الخطوة 6. عرض صفحة الويب الخاصة بك
انتقل إلى "[اسم مستخدم GitHub الخاص بك هنا].github.io" في متصفح الويب. قد تحتاج إلى تجاوز ذاكرة التخزين المؤقت للمتصفح بالضغط على Ctrl أو ⌘ Command أثناء النقر على زر التحديث لعرض صفحة الويب الجديدة.
الطريقة 2 من 2: استخدام GitHub عبر الإنترنت
الخطوة الأولى. قم بإنشاء ملف يسمى "index.html"
انقر فوق إضافة ملف ثم انقر فوق إنشاء ملف جديد. سيؤدي هذا إلى فتح محرر ملف. أضف "index.html" إلى حقل "تسمية ملفك".
الخطوة 2. أضف HTML الخاص بك
ستحتاج إلى تعلم HTML حتى تتمكن من ترميز صفحة ويب أساسية. سيكون من المفيد لك أيضًا تعلم CSS و JavaScript حتى تتمكن من إضافة التصميم والوظائف إلى صفحة الويب الخاصة بك.
تذكر أن تحفظ الملف
الخطوة 3. قم بإجراء التغييرات
انقر فوق الزر الأخضر Commit new file لحفظ الملف في GitHub.
الخطوة 4. عرض صفحة الويب الخاصة بك
انتقل إلى "[اسم مستخدم GitHub الخاص بك هنا].github.io" في متصفح الويب. قد تحتاج إلى تجاوز ذاكرة التخزين المؤقت للمتصفح بالضغط على Ctrl أو ⌘ Command أثناء النقر على زر التحديث لعرض صفحة الويب الجديدة.
نصائح
- لإضافة صفحات فرعية ، ما عليك سوى إنشاء مجلد جديد على GitHub وإضافة ملف "index.html" إلى هذا المجلد.
- إذا قمت بتسجيل اسم مجال ، فيمكنك جعل صفحات GitHub تستخدم اسم المجال هذا بدلاً من الافتراضي.
- يجب أن تكون مستودعات صفحات GitHub عامة ، إلا إذا كان لديك حساب مميز.