GitHub Pages er en fin måte å lage ditt eget personlige nettsted fra bunnen av. Det er helt gratis og krever bare en GitHub -konto. Vær imidlertid oppmerksom på at GitHub Pages ikke tilbyr det mest brukervennlige designet for å lage nettsteder (i motsetning til Wix eller Squarespace), men det er en fin måte å få erfaring med HTML/CSS/JS og alle elementene på et nettsted. Denne wikiHow viser deg hvordan du kommer i gang.
Trinn
Trinn 1. Registrer en konto på GitHub, hvis du ikke har en enda
Før du kan opprette ditt eget nettsted på GitHub -sider, må du opprette en konto på GitHub. Hvis du allerede har en konto på GitHub, må du logge inn. Begge kan nås fra verktøylinjen øverst til høyre.
Steg 2. Opprett et depot på GitHub.
Sørg for å nevne depotet "[ditt GitHub -brukernavn her].github.io". Dette vil initialisere GitHub -nettstedet ditt.
Metode 1 av 2: Bruke en kodeditor
Trinn 1. Last ned GitHub -skrivebordet hvis du ikke allerede har det installert
Det er like enkelt å installere GitHub -skrivebordet som å gå til https://desktop.github.com/ og klikke på den store lilla "Last ned" -knappen. Kjør deretter installasjonsprogrammet. Dette er nødvendig for å presse endringer i depotet ditt.
Trinn 2. Installer et kodeditor
Du trenger en for å kunne markere syntaks på GitHub. Populære valg inkluderer Atom, Visual Studio Code, Sublime Text og Notepad ++, gitt deres funksjonsrike og minimalistiske følelse. Etter at du har installert et kodeditor, er du klar til å komme i gang.
Trinn 3. Lag en fil som heter "index.html"
Du kan gjøre det i kodeditoren eller online. Du kan også gå til depotets plassering på harddisken og opprette en "index.html" -fil i depotets mappe på stasjonen.
Trinn 4. Legg til HTML -koden din
Du må lære HTML for å kunne kode en grunnleggende webside. Det vil også være nyttig for deg å lære CSS og JavaScript, slik at du kan legge til styling og funksjonalitet på nettsiden din.
Husk å lagre filen
Trinn 5. Gjør endringene
Gå tilbake til GitHub -skrivebordet og klikk på den blå Commit to master -knappen. Klikk deretter på Push Origin. Dette vil laste opp endringene til GitHub.
Hvis du planlegger å gjøre flere endringer, vil du også trekke opprinnelsen. Klikk på Pull origin -knappen i GitHub -skrivebordet for å laste ned den siste commit til maskinen din
Trinn 6. Se nettsiden din
Gå til "[ditt GitHub -brukernavn her].github.io" i en nettleser. Du må kanskje omgå nettleserens buffer ved å holde Ctrl eller ⌘ Kommando mens du klikker på oppdateringsknappen for å se den nye websiden.
Metode 2 av 2: Bruke GitHub Online
Trinn 1. Lag en fil som heter "index.html"
Klikk på Legg til fil og klikk deretter på Opprett ny fil. Dette åpner et filredigeringsprogram. Legg til "index.html" i feltet "Gi filen din navn".
Trinn 2. Legg til HTML -koden din
Du må lære HTML for å kunne kode en grunnleggende webside. Det vil også være nyttig for deg å lære CSS og JavaScript, slik at du kan legge til styling og funksjonalitet på nettsiden din.
Husk å lagre filen
Trinn 3. Foreta endringene
Klikk på den grønne knappen Commit new file for å lagre filen på GitHub.
Trinn 4. Se nettsiden din
Gå til "[ditt GitHub -brukernavn her].github.io" i en nettleser. Du må kanskje omgå nettleserens buffer ved å holde Ctrl eller ⌘ Kommando mens du klikker på oppdateringsknappen for å se den nye websiden.
Tips
- For å legge til undersider, bare opprett en ny mappe på GitHub og legg til en "index.html" -fil i den mappen.
- Hvis du registrerer et domenenavn, kan du få GitHub Pages til å bruke domenenavnet i stedet for standard.
- GitHub -sider må lagres offentlig, med mindre du har en premium -konto.