„GitHub Pages“yra puikus būdas sukurti savo asmeninę svetainę nuo nulio. Tai visiškai nemokama ir reikalinga tik „GitHub“paskyra. Tačiau atminkite, kad „GitHub Pages“nesiūlo patogiausio dizaino svetainėms kurti (skirtingai nei „Wix“ar „Squarespace“), tačiau tai puikus būdas įgyti patirties naudojant HTML/CSS/JS ir visus svetainės elementus. Šis „wikiHow“parodys, kaip pradėti.
Žingsniai
Žingsnis 1. Užregistruokite paskyrą „GitHub“, jei jos dar neturite
Kad galėtumėte sukurti savo svetainę „GitHub“puslapiuose, turite sukurti paskyrą „GitHub“. Jei jau turite paskyrą „GitHub“, būtinai prisijunkite. Abu galima pasiekti iš viršutinės dešinės įrankių juostos.
2 žingsnis. Sukurkite saugyklą „GitHub“.
Nepamirškite saugyklos pavadinti „[čia jūsų„ GitHub “vartotojo vardas].github.io“. Tai inicijuos jūsų „GitHub“svetainę.
1 metodas iš 2: kodo redaktoriaus naudojimas
Žingsnis 1. Atsisiųskite „GitHub“darbalaukį, jei jo dar neįdiegėte
Įdiegti „GitHub“darbalaukį yra taip paprasta, kaip apsilankyti https://desktop.github.com/ ir spustelėti didelį purpurinį mygtuką „Atsisiųsti“. Tada paleiskite diegimo programą. Tai reikalinga norint pakeisti savo saugyklą.
2 veiksmas. Įdiekite kodų rengyklę
Jums reikia vieno, kad „GitHub“paryškintų sintaksę. Populiarūs pasirinkimai yra „Atom“, „Visual Studio Code“, „Sublime Text“ir „Notepad ++“, atsižvelgiant į jų turtingą ir minimalistinį pojūtį. Įdiegę kodų redaktorių, esate pasiruošę pradėti.
Žingsnis 3. Sukurkite failą pavadinimu „index.html“
Tai galite padaryti savo kodų redaktoriuje arba internete. Taip pat galite eiti į saugyklos vietą kietajame diske ir disko saugyklos aplanke sukurti failą „index.html“.
Žingsnis 4. Pridėkite HTML
Kad galėtumėte koduoti pagrindinį tinklalapį, turėsite išmokti HTML. Taip pat bus naudinga išmokti CSS ir „JavaScript“, kad galėtumėte pridėti stiliaus ir funkcionalumo savo tinklalapyje.
Nepamirškite išsaugoti failo
5 žingsnis. Prisiimkite pakeitimus
Grįžkite į „GitHub“darbalaukį ir spustelėkite mėlyną mygtuką Įsipareigoti valdyti. Tada spustelėkite „Push Origin“. Tai įkels pakeitimus į „GitHub“.
Jei planuojate atlikti daugiau pakeitimų, norėsite ištraukti ir kilmę. Spustelėkite „Patraukti kilmės“mygtuką „GitHub“darbalaukyje, kad atsisiųstumėte naujausią įsipareigojimą į savo kompiuterį
Žingsnis 6. Peržiūrėkite savo tinklalapį
Žiniatinklio naršyklėje eikite į „[čia jūsų„ GitHub “vartotojo vardas].github.io“. Jei norite peržiūrėti naują tinklalapį, gali tekti apeiti naršyklės talpyklą laikydami nuspaudę „Ctrl“arba ⌘ „Command“, spustelėdami atnaujinimo mygtuką.
2 metodas iš 2: „GitHub Online“naudojimas
Žingsnis 1. Sukurkite failą pavadinimu „index.html“
Spustelėkite Pridėti failą, tada spustelėkite Kurti naują failą. Tai atidarys failų redaktorių. Į lauką „Pavadinkite failą“pridėkite „index.html“.
Žingsnis 2. Pridėkite HTML
Kad galėtumėte koduoti pagrindinį tinklalapį, turėsite išmokti HTML. Taip pat bus naudinga išmokti CSS ir „JavaScript“, kad galėtumėte pridėti stiliaus ir funkcionalumo savo tinklalapyje.
Nepamirškite išsaugoti failo
3 žingsnis. Prisiimkite pakeitimus
Spustelėkite žalią mygtuką Įsipareigoti naują failą, kad išsaugotumėte failą „GitHub“.
Žingsnis 4. Peržiūrėkite savo tinklalapį
Žiniatinklio naršyklėje eikite į „[čia jūsų„ GitHub “vartotojo vardas].github.io“. Jei norite peržiūrėti naują tinklalapį, gali tekti apeiti naršyklės talpyklą laikydami nuspaudę „Ctrl“arba ⌘ „Command“, spustelėdami atnaujinimo mygtuką.
Patarimai
- Norėdami pridėti antrinius puslapius, tiesiog sukurkite naują aplanką „GitHub“ir į tą aplanką pridėkite failą „index.html“.
- Jei registruojate domeno pavadinimą, galite leisti „GitHub“puslapiams naudoti tą domeno pavadinimą, o ne numatytąjį.
- „GitHub“puslapių saugyklos turi būti viešos, nebent turite „premium“paskyrą.