GitHub Səhifələrində Veb Saytı Necə Yaranır: 12 Adım (Şəkillərlə birlikdə)

Mündəricat:

GitHub Səhifələrində Veb Saytı Necə Yaranır: 12 Adım (Şəkillərlə birlikdə)
GitHub Səhifələrində Veb Saytı Necə Yaranır: 12 Adım (Şəkillərlə birlikdə)

Video: GitHub Səhifələrində Veb Saytı Necə Yaranır: 12 Adım (Şəkillərlə birlikdə)

Video: GitHub Səhifələrində Veb Saytı Necə Yaranır: 12 Adım (Şəkillərlə birlikdə)
Video: Hindistan Haydutları (North West Frontier) - 1959 | Kovboy ve Western Filmleri 2024, Aprel
Anonim

GitHub Səhifələr, şəxsi saytınızı sıfırdan yaratmaq üçün əla bir yoldur. Tamamilə pulsuzdur və yalnız bir GitHub hesabı tələb edir. Qeyd edək ki, GitHub Səhifələr veb saytlar hazırlamaq üçün ən istifadəçi dostu dizaynı təqdim etmir (Wix və ya Squarespace-dən fərqli olaraq), ancaq HTML/CSS/JS və veb saytın bütün elementləri ilə təcrübə qazanmağın əla bir yoludur. Bu wikiHow sizə necə başlamağınızı göstərəcək.

Addımlar

GitHub Səhifələrində Veb Saytı Yaradın 1
GitHub Səhifələrində Veb Saytı Yaradın 1

Addım 1. Hələ hesabınız yoxdursa, GitHub -da bir hesab qeydiyyatdan keçin

GitHub səhifələrində öz veb saytınızı yaratmadan əvvəl GitHub -da bir hesab yaratmalısınız. GitHub -da artıq bir hesabınız varsa, daxil olduğunuzdan əmin olun. Hər ikisinə sağ üst alətlər çubuğundan daxil olmaq olar.

GitHub Səhifələrində Veb Saytı Yaradın 2
GitHub Səhifələrində Veb Saytı Yaradın 2

Addım 2. GitHub -da bir depo yaradın.

Depoya "[burada GitHub istifadəçi adınız].github.io" adını verdiyinizə əmin olun. Bu, GitHub veb saytınızı işə salacaq.

Metod 1 /2: Kod Redaktorundan istifadə

GitHub Səhifələrində Veb Saytı Yaradın 3
GitHub Səhifələrində Veb Saytı Yaradın 3

Addım 1. GitHub masaüstünü yükləyin, əgər hələ qurulmamışdırsa

GitHub masaüstünün quraşdırılması https://desktop.github.com/ saytına getmək və böyük bənövşəyi rəngli "Yüklə" düyməsini basmaq qədər sadədir. Sonra yükləyicini işə salın. Bu anbarınıza dəyişikliklər etmək üçün lazımdır.

GitHub Səhifələrində Veb Saytı Yaradın 4
GitHub Səhifələrində Veb Saytı Yaradın 4

Addım 2. Kod redaktoru quraşdırın

GitHub -da sintaksis işıqlandırmasını əldə etmək üçün birinə ehtiyacınız var. Populyar seçimlərə xüsusiyyət zənginliyi və minimalistliyi nəzərə alınmaqla Atom, Visual Studio Code, Sublime Text və Notepad ++ daxildir. Kod redaktoru qurduqdan sonra işə başlamağa hazırsınız.

GitHub Səhifələrində Veb sayt yaradın 5 -ci addım
GitHub Səhifələrində Veb sayt yaradın 5 -ci addım

Addım 3. "index.html" adlı bir fayl yaradın

Bunu kod redaktorunuzda və ya onlayn olaraq edə bilərsiniz. Sabit diskinizdəki deponun yerləşdiyi yerə gedə və sürücünüzdəki deponun qovluğunda "index.html" faylı yarada bilərsiniz.

GitHub Səhifələrində Veb Saytı Yaradın 6
GitHub Səhifələrində Veb Saytı Yaradın 6

Addım 4. HTML əlavə edin

Əsas veb səhifəsini kodlaşdırmaq üçün HTML öyrənməlisiniz. CSS və JavaScript öyrənməyiniz də faydalı olacaq, beləliklə veb saytınıza üslub və funksionallıq əlavə edə bilərsiniz.

Faylı saxlamağı unutmayın

GitHub Səhifələrində Veb Saytı Yaradın 7
GitHub Səhifələrində Veb Saytı Yaradın 7

Addım 5. Dəyişiklikləri yerinə yetirin

GitHub masaüstünə qayıdın və mavi Master to Master düyməsini basın. Sonra Push Origin düyməsini basın. Bu dəyişiklikləri GitHub -a yükləyəcək.

Daha çox dəyişiklik etməyi planlaşdırırsınızsa, mənşəyi də çəkmək istəyəcəksiniz. GitHub masaüstündəki Pull mənşəyi düyməsini vuraraq kompüterinizə ən son əmri yükləyin

GitHub Səhifələrində Veb Sayt Yaradın Adım 8
GitHub Səhifələrində Veb Sayt Yaradın Adım 8

Addım 6. Veb səhifənizə baxın

Veb brauzerində "[burada GitHub istifadəçi adınız].github.io" ya daxil olun. Yeni veb səhifəni görmək üçün yeniləmə düyməsini basarkən Ctrl və ya ⌘ əmrini basıb brauzerinizin önbelleğini atlamalı ola bilərsiniz.

Metod 2 /2: GitHub Online istifadə

GitHub Səhifələrində Veb sayt yaradın Adım 9
GitHub Səhifələrində Veb sayt yaradın Adım 9

Addım 1. "index.html" adlı bir fayl yaradın

Fayl əlavə et düyməsini və sonra Yeni fayl yaradın düyməsini basın. Bu bir fayl redaktoru açacaq. "Faylınıza ad verin" sahəsinə "index.html" əlavə edin.

GitHub Səhifələrində Veb sayt yaradın Adım 10
GitHub Səhifələrində Veb sayt yaradın Adım 10

Addım 2. HTML əlavə edin

Əsas veb səhifəsini kodlaşdırmaq üçün HTML öyrənməlisiniz. CSS və JavaScript öyrənməyiniz də faydalı olacaq, beləliklə veb saytınıza üslub və funksionallıq əlavə edə bilərsiniz.

Faylı saxlamağı unutmayın

GitHub Səhifələrində Veb sayt yaradın Adım 11
GitHub Səhifələrində Veb sayt yaradın Adım 11

Addım 3. Dəyişiklikləri yerinə yetirin

Dosyanı GitHub -da saxlamaq üçün yaşıl yeni fayl əmr et düyməsini basın.

GitHub Səhifələrində Veb Saytı Yaradın 12
GitHub Səhifələrində Veb Saytı Yaradın 12

Addım 4. Veb səhifənizə baxın

Veb brauzerində "[burada GitHub istifadəçi adınız].github.io" ya daxil olun. Yeni veb səhifəni görmək üçün yeniləmə düyməsini basarkən Ctrl və ya ⌘ əmrini basıb brauzerinizin önbelleğini atlamalı ola bilərsiniz.

İpuçları

  • Alt səhifələr əlavə etmək üçün GitHub -da yeni bir qovluq yaradın və həmin qovluğa "index.html" faylını əlavə edin.
  • Bir domen adı qeydiyyatdan keçirsəniz, GitHub Səhifələrinin standart olaraq deyil, həmin domen adını istifadə etməsinə icazə verə bilərsiniz.
  • Premium hesabınız olmadıqda, GitHub səhifələrinin depoları açıq olmalıdır.

Tövsiyə: