2. Opprett din første offentlige nettside med GitHub

Lag en enkel nettside

Uansett hvilken metode du velger, trenger prosjektet en fil som heter index.html. Opprett den i VS Code og legg inn dette:

<!doctype html>
<html lang="no">
<head>
  <meta charset="utf-8">
  <title>Min nettside</title>
</head>
<body>
  <h1>Hei fra GitHub Pages!</h1>
  <p>Dette er min første offentlige nettside.</p>
</body>
</html>

Måte A: Start i VS Code

Velg denne når du vil lage prosjektmappen og filene først.

1. Opprett en mappe som heter min-nettside, og åpne den i VS Code.
2. Opprett index.html og legg inn koden over.
3. Åpne Source Control i venstremenyen og velg Initialize Repository.
4. Trykk + ved filen, skriv Første nettside og velg Commit.
5. Velg Publish Branch eller Publish to GitHub.
6. Velg et navn, for eksempel min-nettside, og velg Public.

VS Code oppretter nå et repo på GitHub og kobler det til mappen din. Ved neste endring: lagre, stage, commit og velg Sync Changes.

Måte B: Start på GitHub og klon

Velg denne når du vil opprette repoet på GitHub først.

1. Gå til github.com og velg New repository.
2. Gi repoet et navn, for eksempel min-nettside, velg Public og huk av for Add a README.
3. Kopier HTTPS-adressen fra den grønne Code-knappen.
4. Åpne Terminalen og kjør:

mkdir -p ~/Documents/GitHub
cd ~/Documents/GitHub
git clone https://github.com/BRUKERNAVN/min-nettside.git
cd min-nettside
code .

Opprett deretter index.html, lagre den, og bruk Source Control i VS Code for å stage, commit og push endringen til GitHub.

Publiser med GitHub Pages

1. Gå til repoet på GitHub.
2. Velg Settings -> Pages.
3. Under Build and deployment, velg Deploy from a branch.
4. Velg branchen main og mappen /(root), og velg Save.
5. Vent et par minutter og åpne adressen GitHub viser på samme side.