Hoe om `n webwerf op GitHub-bladsye te skep: 12 stappe (met prente)

GitHub bladsye is `n goeie manier om jou eie persoonlike webwerf van nuuts af te maak.Dit is heeltemal gratis en vereis slegs `n GitHub-rekening.Let egter daarop dat GitHubbladsye nie die mees gebruikersvriendelike ontwerp bied om webwerwe te maak nie (anders as Wix of SquareSpace), maar dit is `n goeie manier om ervaring te kry met HTML / CSS / JS en al die elemente van `n webwerf.Dit sal jou wys hoe om te begin.

Stappe

Registreer `n rekening op GitHub, As jy nog nie een het nie.Voordat u u eie webwerf op GitHub-bladsye kan skep, moet u `n rekening op GitHub skep.As u reeds `n rekening op Github het, maak seker dat u inteken.Albei kan verkry word vanaf die boonste regterwerkbalk.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 2

Skep `n repository op GitHub.Maak seker dat u die repository noem "[Jou GitHub-gebruikersnaam hier].github.uo".Dit sal jou GitHub-webwerf initialiseer.

Metode 1 van 2:

Gebruik `n Kode-redakteur

1. Aflaai GitHub Desktop, as jy dit nie reeds geïnstalleer het nie.Die installering van GitHub Desktop is so eenvoudig soos om te gaan https: // lessenaar.github.com / en klik op die groot pers "Aflaai" knoop.Begin dan die installeerder.Dit is nodig om veranderinge aan u repository te stoot.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 4

2. Installeer `n kode redakteur.Jy het een nodig om sintaks op Github te beklemtoon.Gewilde keuses sluit in Atoom, Visuele studio kode, Sublieme teks, en Notaboek++, Gegewe hul kenmerkende en minimalistiese gevoel.Nadat u `n Kode-redakteur geïnstalleer het, is u gereed om te begin.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 5

3. Skep `n lêer genaamd "inhoudsopgawe.html".U kan dit in u Kode-redakteur of aanlyn doen.U kan ook na u repository se plek op u hardeskyf gaan en `n "inhoudsopgawe.html" Lêer in die repository se gids op u ry.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 6

4. Voeg jou Html.Jy sal moet Leer HTML Om `n basiese webblad te kan kodeer.Dit sal ook nuttig wees vir u om te leer Css en jаvascript So kan jy stilering en funksionaliteit by jou webblad voeg.

Onthou om die lêer te stoor.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 7

5. Pleeg die veranderinge.Gaan terug na GitHub Desktop en klik op die Blou Commit to Master-knoppie.Klik dan op Push Origin.Dit sal die veranderinge aan GitHub oplaai.

As jy van plan is om meer veranderinge te maak, sal jy ook die oorsprong wil trek.Klik op die Trek Origin-knoppie in Github Desktop om die nuutste verbinding tot u masjien af te laai.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 8

6. Bekyk jou webblad.Gaan na "[Jou GitHub-gebruikersnaam hier].github.uo" In `n webblaaier.Miskien moet jy jou blaaier se kas omseil deur te hou Ctrl of ⌘ opdrag terwyl jy op die Refresh-knoppie klik om die nuwe webblad te sien.

Metode 2 van 2:

Gebruik GitHub Online

1. Skep `n lêer genaamd "inhoudsopgawe.html".Klik op Voeg lêer by en klik op Skep nuwe lêer.Dit sal `n lêerredakteur oopmaak.Byvoeg "inhoudsopgawe.html" na die "Noem jou lêer" land.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 10

2. Voeg jou Html.Jy sal moet Leer HTML Om `n basiese webblad te kan kodeer.Dit sal ook nuttig wees vir u om te leer Css en jаvascript So kan jy stilering en funksionaliteit by jou webblad voeg.

Onthou om die lêer te stoor.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 11

3. Pleeg die veranderinge.Klik op die Green Commit New File-knoppie om die lêer na GitHub te stoor.

Beeld getiteld Skep `n webwerf op GitHub bladsye Stap 12

4. Bekyk jou webblad.Gaan na "[Jou GitHub-gebruikersnaam hier].github.uo" In `n webblaaier.Miskien moet jy jou blaaier se kas omseil deur te hou Ctrl of ⌘ opdrag terwyl jy op die Refresh-knoppie klik om die nuwe webblad te sien.