Publiser din første nettside med GitHub
Brukerside: brukernavn.github.io. Denne oppgaven hjelper deg steg for steg, med
korte hint underveis.
A. Før du starter
- Du trenger en GitHub‑konto (brukernavnet ditt brukes i adressen).
- På Mac kan du bruke GitHub Desktop (valgfritt) eller bare nettleseren.
- Finn brukernavnet ditt (eks:
torethie).
B. Målet
- Opprett offentlig repo som heter nøyaktig:
brukernavn.github.io. - Legg inn en enkel
index.html. - Aktiver GitHub Pages for main / (root).
- Sjekk siden på
https://brukernavn.github.io/.
Hint: Repo-navnet må være akkurat brukernavnet ditt +
.github.io (f.eks.
torethie.github.io).
C. Steg for steg – Brukerside
- Logg inn på github.com → New repository.
- Repo name: skriv
brukernavn.github.io(bytt ut med ditt). Eks:torethie.github.io. - Velg Public og huk av for Add a README → Create repository.
- Add file → Create new file → navn:
index.html→ lim inn minimumsinnholdet (under) → Commit changes. - Åpne Settings → Pages.
- Build and deployment: Source = Deploy from a branch. Branch = main (/root) → Save.
- Vent 1–3 minutter, oppdater siden.
- Gå til
https://brukernavn.github.io(erstatt med ditt).
Hint: Ser du ikke endringer? Gjør en ny commit (f.eks. legg til en linje) og åpne
?v=2 på slutten av URL‑en, f.eks. https://brukernavn.github.io/?v=2.
D. Minste mulige index.html
<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Min side</title>
</head>
<body>
<h1>Velkommen til min første offentlige webside!</h1>
</body>
</html>
E. Rask sjekkliste før levering
- Repo-navn matcher nøyaktig:
brukernavn.github.io. - Repo er Public.
index.htmlligger i rotmappen.- Pages er satt til Deploy from a branch → main /root.
- Siden åpner på
https://brukernavn.github.io/.
F. Vanlige feil → raske løsninger
- Feil repo‑navn (f.eks.
brukernavn-github.ioellergithub.no) → Endre tilbrukernavn.github.io. - Mangler index.html eller ligger feil → Legg
index.htmli rot. - Pages peker til feil branch → Sett main /root i Settings → Pages.
- Forsinkelse/cache → Vent litt og oppdater (Mac: Cmd + Shift + R).