Hvordan lage et nettsted på GitHub -sider: 12 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage et nettsted på GitHub -sider: 12 trinn (med bilder)
Hvordan lage et nettsted på GitHub -sider: 12 trinn (med bilder)

Video: Hvordan lage et nettsted på GitHub -sider: 12 trinn (med bilder)

Video: Hvordan lage et nettsted på GitHub -sider: 12 trinn (med bilder)
Video: Ikke gjør dette hjemme: Huset brenner 2024, April
Anonim

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

Lag et nettsted på GitHub -sider Trinn 1
Lag et nettsted på GitHub -sider Trinn 1

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.

Lag et nettsted på GitHub -sider Trinn 2
Lag et nettsted på GitHub -sider Trinn 2

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

Lag et nettsted på GitHub -sider Trinn 3
Lag et nettsted på GitHub -sider Trinn 3

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.

Lag et nettsted på GitHub -sider Trinn 4
Lag et nettsted på GitHub -sider Trinn 4

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.

Lag et nettsted på GitHub -sider Trinn 5
Lag et nettsted på GitHub -sider Trinn 5

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.

Lag et nettsted på GitHub -sider Trinn 6
Lag et nettsted på GitHub -sider Trinn 6

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

Lag et nettsted på GitHub -sider Trinn 7
Lag et nettsted på GitHub -sider Trinn 7

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

Lag et nettsted på GitHub -sider Trinn 8
Lag et nettsted på GitHub -sider Trinn 8

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

Lag et nettsted på GitHub -sider Trinn 9
Lag et nettsted på GitHub -sider Trinn 9

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".

Lag et nettsted på GitHub -sider Trinn 10
Lag et nettsted på GitHub -sider Trinn 10

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

Lag et nettsted på GitHub -sider Trinn 11
Lag et nettsted på GitHub -sider Trinn 11

Trinn 3. Foreta endringene

Klikk på den grønne knappen Commit new file for å lagre filen på GitHub.

Lag et nettsted på GitHub -sider Trinn 12
Lag et nettsted på GitHub -sider Trinn 12

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.

Anbefalt: