Sådan opretter du et websted på GitHub -sider: 12 trin (med billeder)

Indholdsfortegnelse:

Sådan opretter du et websted på GitHub -sider: 12 trin (med billeder)
Sådan opretter du et websted på GitHub -sider: 12 trin (med billeder)

Video: Sådan opretter du et websted på GitHub -sider: 12 trin (med billeder)

Video: Sådan opretter du et websted på GitHub -sider: 12 trin (med billeder)
Video: Sådan laver man FAKE BRÆK! | Akavet 2024, Kan
Anonim

GitHub Pages er en fantastisk måde at lave dit eget personlige websted fra bunden. Det er helt gratis og kræver kun en GitHub -konto. Bemærk dog, at GitHub Pages ikke tilbyder det mest brugervenlige design til at lave websteder (i modsætning til Wix eller Squarespace), men det er en fantastisk måde at få erfaring med HTML/CSS/JS og alle elementer på et websted. Denne wikiHow viser dig, hvordan du kommer i gang.

Trin

Opret et websted på GitHub -sider Trin 1
Opret et websted på GitHub -sider Trin 1

Trin 1. Registrer en konto på GitHub, hvis du ikke har en endnu

Inden du kan oprette dit eget websted på GitHub -sider, skal du oprette en konto på GitHub. Hvis du allerede har en konto på GitHub, skal du sørge for at logge ind. Begge kan fås fra værktøjslinjen øverst til højre.

Opret et websted på GitHub -sider Trin 2
Opret et websted på GitHub -sider Trin 2

Trin 2. Opret et depot på GitHub.

Sørg for at navngive depotet "[dit GitHub -brugernavn her].github.io". Dette vil initialisere dit GitHub -websted.

Metode 1 af 2: Brug af en kodeditor

Opret et websted på GitHub -sider Trin 3
Opret et websted på GitHub -sider Trin 3

Trin 1. Download GitHub -skrivebordet, hvis du ikke allerede har det installeret

Det er lige så enkelt at installere GitHub -skrivebordet som at gå til https://desktop.github.com/ og klikke på den store lilla "Download" -knap. Kør derefter installationsprogrammet. Dette er nødvendigt for at skubbe ændringer i dit lager.

Opret et websted på GitHub -sider Trin 4
Opret et websted på GitHub -sider Trin 4

Trin 2. Installer en kode -editor

Du har brug for en for at kunne fremhæve syntaks på GitHub. Populære valg inkluderer Atom, Visual Studio Code, Sublime Text og Notepad ++ i betragtning af deres funktionsrige og minimalistiske følelse. Efter installation af en kodeditor er du klar til at komme i gang.

Opret et websted på GitHub -sider Trin 5
Opret et websted på GitHub -sider Trin 5

Trin 3. Opret en fil kaldet "index.html"

Du kan gøre det i din kodeditor eller online. Du kan også gå til dit arkivs placering på din harddisk og oprette en "index.html" -fil i depotets mappe på dit drev.

Opret et websted på GitHub -sider Trin 6
Opret et websted på GitHub -sider Trin 6

Trin 4. Tilføj din HTML

Du skal lære HTML for at kunne kode en grundlæggende webside. Det vil også være nyttigt for dig at lære CSS og JavaScript, så du kan tilføje styling og funktionalitet til din webside.

Husk at gemme filen

Opret et websted på GitHub -sider Trin 7
Opret et websted på GitHub -sider Trin 7

Trin 5. Foretag ændringerne

Gå tilbage til GitHub -skrivebordet, og klik på den blå Commit to master -knap. Klik derefter på Push Origin. Dette vil uploade ændringerne til GitHub.

Hvis du planlægger at foretage flere ændringer, vil du også gerne trække i oprindelsen. Klik på knappen Pull origin i GitHub -skrivebordet for at downloade den seneste commit til din maskine

Opret et websted på GitHub -sider Trin 8
Opret et websted på GitHub -sider Trin 8

Trin 6. Se din webside

Gå til "[dit GitHub -brugernavn her].github.io" i en webbrowser. Du skal muligvis omgå din browsers cache ved at holde Ctrl eller ⌘ Kommando nede, mens du klikker på opdateringsknappen for at se den nye webside.

Metode 2 af 2: Brug af GitHub Online

Opret et websted på GitHub -sider Trin 9
Opret et websted på GitHub -sider Trin 9

Trin 1. Opret en fil kaldet "index.html"

Klik på Tilføj fil, klik derefter på Opret ny fil. Dette åbner en fileditor. Føj "index.html" til feltet "Navngiv din fil".

Opret et websted på GitHub -sider Trin 10
Opret et websted på GitHub -sider Trin 10

Trin 2. Tilføj din HTML

Du skal lære HTML for at kunne kode en grundlæggende webside. Det vil også være nyttigt for dig at lære CSS og JavaScript, så du kan tilføje styling og funktionalitet til din webside.

Husk at gemme filen

Opret et websted på GitHub -sider Trin 11
Opret et websted på GitHub -sider Trin 11

Trin 3. Foretag ændringerne

Klik på den grønne Commit new file -knap for at gemme filen på GitHub.

Opret et websted på GitHub -sider Trin 12
Opret et websted på GitHub -sider Trin 12

Trin 4. Se din webside

Gå til "[dit GitHub brugernavn her].github.io" i en webbrowser. Du skal muligvis omgå din browsers cache ved at holde Ctrl eller ⌘ Kommando nede, mens du klikker på opdateringsknappen for at se den nye webside.

Tips

  • For at tilføje undersider skal du blot oprette en ny mappe på GitHub og tilføje en "index.html" -fil til den mappe.
  • Hvis du registrerer et domænenavn, kan du få GitHub -sider til at bruge det domænenavn i stedet for standard.
  • GitHub -sidernes lagre skal være offentlige, medmindre du har en premium -konto.

Anbefalede: