GitHub sahifalarida qanday veb -sayt yaratish mumkin: 12 qadam (rasmlar bilan)

Mundarija:

GitHub sahifalarida qanday veb -sayt yaratish mumkin: 12 qadam (rasmlar bilan)
GitHub sahifalarida qanday veb -sayt yaratish mumkin: 12 qadam (rasmlar bilan)

Video: GitHub sahifalarida qanday veb -sayt yaratish mumkin: 12 qadam (rasmlar bilan)

Video: GitHub sahifalarida qanday veb -sayt yaratish mumkin: 12 qadam (rasmlar bilan)
Video: Qizlarga Yoqishning 5 Siri | Қизларга Ёқишнинг 5 Сири 2024, Aprel
Anonim

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

GitHub sahifalarida veb -sayt yaratish 1 -qadam
GitHub sahifalarida veb -sayt yaratish 1 -qadam

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.

GitHub sahifalarida veb -sayt yaratish 2 -qadam
GitHub sahifalarida veb -sayt yaratish 2 -qadam

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

GitHub sahifalarida veb -sayt yaratish 3 -qadam
GitHub sahifalarida veb -sayt yaratish 3 -qadam

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.

GitHub sahifalarida veb -sayt yaratish 4 -qadam
GitHub sahifalarida veb -sayt yaratish 4 -qadam

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.

GitHub sahifalarida veb -sayt yaratish 5 -qadam
GitHub sahifalarida veb -sayt yaratish 5 -qadam

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.

GitHub sahifalarida veb -sayt yaratish 6 -qadam
GitHub sahifalarida veb -sayt yaratish 6 -qadam

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

GitHub sahifalarida veb -sayt yaratish 7 -qadam
GitHub sahifalarida veb -sayt yaratish 7 -qadam

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

GitHub sahifalarida veb -sayt yaratish 8 -qadam
GitHub sahifalarida veb -sayt yaratish 8 -qadam

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

GitHub sahifalarida veb -sayt yaratish 9 -qadam
GitHub sahifalarida veb -sayt yaratish 9 -qadam

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.

GitHub sahifalarida veb -sayt yaratish 10 -qadam
GitHub sahifalarida veb -sayt yaratish 10 -qadam

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

GitHub sahifalarida veb -sayt yaratish 11 -qadam
GitHub sahifalarida veb -sayt yaratish 11 -qadam

Qadam 3. O'zgarishlarni bajaring

Faylni GitHub -ga saqlash uchun yashil yangi faylni topshirish tugmachasini bosing.

GitHub sahifalarida veb -sayt yaratish 12 -qadam
GitHub sahifalarida veb -sayt yaratish 12 -qadam

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.

Tavsiya: