Publisere nettsiden din via Github Pages

Her er en guide for hvordan du kan publisere en nettside med GitHub Pages:

1. Forbered repository

  • Sørg for at du har et repository klart:
    • Repositoriet ditt skal inneholde alle HTML-, CSS-, og eventuelle andre filer (bilder, JavaScript osv.) som utgjør nettsiden din.
    • Hvis repositoriet ditt er privat, må du gjøre det offentlig for å bruke GitHub Pages (med mindre du bruker en betalt konto).

2. Sjekk at hjemmesiden heter index.html

  • Sørg for at hovedsiden din heter index.html:
    • Dette er viktig fordi GitHub Pages automatisk leter etter en fil som heter index.html for å vise den som startsiden på nettsiden din.

3. Aktivere GitHub Pages

  • Gå til GitHub-repositoriet ditt:
    • Åpne repositoriet ditt på GitHub.
  • Gå til "Settings":
    • Klikk på "Settings" i fanen øverst til høyre på repositoriets side.
  • Scroll ned til "GitHub Pages":
    • På "Settings"-siden, scroll ned til du finner "GitHub Pages"-seksjonen.
  • Velg branch:
    • Under "Source", velg den branchen du vil publisere fra, vanligvis main eller master.
    • Hvis du har en docs/-mappe eller en annen undermappe som inneholder nettsidefilene dine, kan du også velge den her.
  • Lagre:
    • Klikk "Save" etter å ha valgt riktig branch og mappe.

4. Finne den publiserte nettsiden

  • GitHub Pages genererer en URL:
    • Etter noen sekunder vil GitHub Pages generere en URL der nettsiden din er tilgjengelig. Denne URL-en vil være i formatet: 
      https://<brukernavn>.github.io/<repositorienavn>/
  • Sjekk URL-en:
    • Klikk på lenken for å åpne nettsiden din og sjekk at alt fungerer som det skal.

5. Oppdatere nettsiden

  • Gjør endringer i nettsiden:
    • Hvis du senere gjør endringer i HTML- eller CSS-filene dine, commit og push disse endringene til repositoriet ditt.
  • Nettsiden oppdateres automatisk:
    • GitHub Pages vil automatisk oppdatere nettsiden din med de nye endringene. Bare vent noen minutter og sjekk URL-en igjen for å se oppdateringene.

6. Feilsøking

  • Sjekk filstrukturen:
    • Hvis nettsiden din ikke vises riktig, sjekk at alle filene er på plass og at filnavnene er riktige.
  • GitHub Pages Logs:
    • I "GitHub Pages"-seksjonen under "Settings", kan du se eventuelle feilmeldinger hvis noe gikk galt.

7. Dele nettsiden

  • Del URL-en med andre:
    • Nå kan du dele URL-en til nettsiden din med andre, slik at de kan se hva du har laget!

Med disse trinnene kan du enkelt publisere din egen nettside ved hjelp av GitHub Pages. Dette er en flott måte å vise frem arbeidet ditt på, spesielt når du jobber med HTML- og CSS-prosjekter!