Sådan oprettes en hjemmeside på Github-sider: 12 trin (med billeder)

Github sider 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, at Github-siderne 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å en hjemmeside.Dette vil vise dig, hvordan du kommer i gang.

Trin

Tilmeld dig en konto på GitHub, Hvis du ikke har en endnu.Før du kan oprette din egen hjemmeside 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 øverste højre værktøjslinje.

Opret et depot på Github.Sørg for at nævne depotet "[dit github brugernavn her].github.io".Dette vil initialisere din GitHub hjemmeside.

Metode 1 af 2:

Brug af en kodeditor

1. Download Github Desktop, hvis du ikke har det allerede installeret.Installation af GitHub Desktop er så enkelt som at gå til https: // Desktop.github.com / og klikke på den store lilla "Hent" knap.Kør derefter installationsprogrammet.Dette er nødvendigt for at skubbe ændringer i dit depot.

Billede med titlen Opret en hjemmeside på github sider Trin 4

2. Installer en kodeditor.Du har brug for en for at få Syntax Highlighting på GitHub.Populære valg omfatter Atom, Visual Studio Code, Sublime tekst, og Notepad++, I betragtning af deres funktionsrige og minimalistiske følelse.Efter installation af en kodeditor er du klar til at komme i gang.

Billede med titlen Opret en hjemmeside på github sider Trin 5

3. Opret en fil kaldet "indeks.html".Du kan gøre det i din kode editor eller online.Du kan også gå til dit depots placering på din harddisk og oprette en "indeks.html" Fil i deporens mappe på dit drev.

Billede med titlen Opret en hjemmeside på github sider Trin 6

4. Tilføj din Html.Du skal bruge Lær HTML For at kunne kode en grundlæggende webside.Det vil også være nyttigt for dig at lære CSS og jаvascript Så du kan tilføje styling og funktionalitet til din webside.

Husk at gemme filen.

Billede med titlen Opret en hjemmeside på github sider Trin 7

5. Begå ændringerne.Gå tilbage til GitHub Desktop og klik på den blå begå til Master-knappen.Så klik på push oprindelse.Dette vil uploade ændringerne til GitHub.

Hvis du planlægger at foretage flere ændringer, vil du også trække oprindelsen.Klik på knappen Pull Origin i Github Desktop for at downloade den nyeste Forpligt til din maskine.

Billede med titlen Opret en hjemmeside på github sider Trin 8

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, mens du klikker på opdateringsknappen for at få vist den nye webside.

Metode 2 af 2:

Brug af GitHub Online

1. Opret en fil kaldet "indeks.html".Klik på Tilføj fil, og klik derefter på Opret ny fil.Dette åbner en filredaktør.Tilføje "indeks.html" til "Navngiv din fil" Mark.

Billede med titlen Opret en hjemmeside på github sider Trin 10

2. Tilføj din Html.Du skal bruge Lær HTML For at kunne kode en grundlæggende webside.Det vil også være nyttigt for dig at lære CSS og jаvascript Så du kan tilføje styling og funktionalitet til din webside.

Husk at gemme filen.

Billede med titlen Opret en hjemmeside på github sider Trin 11

3. Begå ændringerne.Klik på den grønne begå nye filknap for at gemme filen til GitHub.

Billede med titlen Opret en hjemmeside på github sider Trin 12

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, mens du klikker på opdateringsknappen for at få vist den nye webside.