GitHub Pages - shaxsiy saytingizni noldan yaratishning ajoyib usuli. Bu mutlaqo bepul va faqat GitHub hisobini talab qiladi. E'tibor bering, GitHub Pages veb-saytlar yaratish uchun eng qulay dizaynni taklif qilmaydi (Wix yoki Squarespace-dan farqli o'laroq), lekin bu HTML/CSS/JS va veb-saytning barcha elementlari bilan tajriba orttirishning ajoyib usuli. Bu wikiHow sizga qanday boshlashni ko'rsatib beradi.
Qadamlar
Qadam 1. GitHub -da hisob qaydnomasini ro'yxatdan o'tkazing, agar sizda hali yo'q bo'lsa
GitHub sahifalarida o'z veb -saytingizni yaratishdan oldin, siz GitHub -da hisob yaratishingiz kerak. Agar sizda GitHub -da hisob qaydnomangiz bo'lsa, tizimga kirganingizga ishonch hosil qiling. Har ikkisiga ham yuqori o'ngdagi asboblar panelidan kirish mumkin.
2 -qadam. GitHub -da ombor yarating.
"[GitHub foydalanuvchi nomingiz bu erda].github.io" omboriga nom berishni unutmang. Bu sizning GitHub veb -saytingizni ishga tushiradi.
2 -usul 1: Kod muharriridan foydalanish
Qadam 1. GitHub ish stolini yuklab oling, agar u hali o'rnatilmagan bo'lsa
GitHub ish stolini o'rnatish https://desktop.github.com/ saytiga kirib, binafsharang "Yuklab olish" tugmachasini bosish kabi oddiy. Keyin o'rnatuvchini ishga tushiring. Bu sizning omboringizga o'zgartirish kiritish uchun kerak.
Qadam 2. Kod muharririni o'rnating
GitHub -da sintaksisni ajratib ko'rsatish uchun sizga kerak. Ommabop variantlarga Atom, Visual Studio Code, Sublime Text va Notepad ++ kiradi, chunki ularning xususiyatlari boy va minimalist. Kod muharririni o'rnatgandan so'ng, siz boshlashga tayyormiz.
Qadam 3. "index.html" nomli fayl yarating
Siz buni kod muharririda yoki Internetda qilishingiz mumkin. Shuningdek, siz qattiq diskdagi omboringiz joylashgan joyga borib, diskdagi ombor papkasida "index.html" faylini yaratishingiz mumkin.
Qadam 4. HTML -ni qo'shing
Asosiy veb -sahifani kodlash uchun siz HTMLni o'rganishingiz kerak bo'ladi. CSS va JavaScript -ni o'rganish sizga foydali bo'ladi, shuning uchun siz veb -sahifangizga uslub va funksiyalarni qo'shishingiz mumkin.
Faylni saqlashni unutmang
Qadam 5. O'zgarishlarni bajaring
GitHub ish stoliga qayting va ko'k ustozni majburlashni tugmasini bosing. Keyin Push Origin -ni bosing. Bu o'zgarishlarni GitHub -ga yuklaydi.
Agar siz ko'proq o'zgarishlar qilishni rejalashtirmoqchi bo'lsangiz, siz ham kelib chiqishni olib tashlashni xohlaysiz. GitHub ish stolida "Pull" tugmachasini bosing va kompyuteringizga eng so'nggi majburiyatni yuklab oling
Qadam 6. Veb -sahifangizni ko'ring
Veb -brauzerda "[bu erda GitHub foydalanuvchi nomingiz].github.io" ga o'ting. Yangi veb -sahifani ko'rish uchun yangilash tugmachasini bosganingizda Ctrl yoki and buyrug'ini bosib, brauzer keshini chetlab o'tishingiz kerak bo'lishi mumkin.
2 -usul 2: GitHub Online -dan foydalanish
Qadam 1. "index.html" nomli fayl yarating
Fayl qo'shish -ni, so'ngra Yangi fayl yaratish -ni bosing. Bu fayl muharririni ochadi. "Faylingizga nom bering" maydoniga "index.html" qo'shing.
2 -qadam. HTML -ni qo'shing
Asosiy veb -sahifani kodlash uchun siz HTMLni o'rganishingiz kerak bo'ladi. CSS va JavaScript -ni o'rganish sizga foydali bo'ladi, shuning uchun siz veb -sahifangizga uslub va funksiyalarni qo'shishingiz mumkin.
Faylni saqlashni unutmang
Qadam 3. O'zgarishlarni bajaring
Faylni GitHub -ga saqlash uchun yashil yangi faylni topshirish tugmachasini bosing.
Qadam 4. Veb -sahifangizni ko'ring
Veb -brauzerda "[bu erda GitHub foydalanuvchi nomingiz].github.io" ga o'ting. Yangi veb -sahifani ko'rish uchun yangilash tugmachasini bosganingizda Ctrl yoki and buyrug'ini bosib, brauzer keshini chetlab o'tishingiz kerak bo'lishi mumkin.
Maslahatlar
- Ichki sahifalarni qo'shish uchun GitHub -da yangi papka yarating va unga "index.html" faylini qo'shing.
- Agar siz domen nomini ro'yxatdan o'tkazsangiz, GitHub Pages standart domen nomidan foydalanishi mumkin.
- Agar sizda premium hisob qaydnomangiz bo'lmasa, GitHub sahifalari omborlari ochiq bo'lishi kerak.