Så här skapar du en webbplats på Github sidor: 12 steg (med bilder)

Github sidor är ett bra sätt att göra din egen personliga webbplats från början.Det är helt gratis och kräver bara ett GitHub-konto.Observera dock att github sidor inte erbjuder den mest användarvänliga designen för att göra webbplatser (till skillnad från Wix eller Squarespace), men det är ett bra sätt att få erfarenhet av HTML / CSS / JS och alla delar av en webbplats.Thiswill visar hur du kommer igång.

Steg

Registrera ett konto på GitHub, Om du inte har en ännu.Innan du kan skapa din egen webbplats på Github-sidor måste du skapa ett konto på GitHub.Om du redan har ett konto på GitHub, se till att logga in.Båda kan nås från den övre högra verktygsfältet.

Skapa ett förråd på GitHub.Var noga med att namnge förvaret "[ditt github användarnamn här].github.iom".Detta kommer att initiera din GitHubs webbplats.

Metod 1 av 2:

Använda en kodredigerare

1. Ladda ner Github Desktop, om du inte har det redan installerat.Installera Github Desktop är lika enkelt som att gå till https: // skrivbord.github.com / och klicka på den stora lila "Ladda ner" knapp.Kör sedan installatören.Detta behövs för att driva ändringar i ditt förråd.

Bild med titeln Skapa en webbplats på Github sidor Steg 4

2. Installera en kodredigerare.Du behöver en för att få syntax som markerar på github.Populära val inkluderar Atom, Visuell studiokod, Sublim text, och Anteckningsblock++, Med tanke på deras funktionsrik och minimalistisk känsla.Efter att ha installerat en kodredigerare är du redo att komma igång.

Bild med titeln Skapa en webbplats på Github sidor Steg 5

3. Skapa en fil som heter "index.html".Du kan göra det i din kodredigerare eller online.Du kan också gå till ditt förråds läge på din hårddisk och skapa en "index.html" Fil i förvarets mapp på din enhet.

Bild med titeln Skapa en webbplats på Github sidor Steg 6

4. Lägg till din Html.Du kommer behöva Lär dig html För att kunna koda en grundläggande webbsida.Det kommer också att vara användbart för dig att lära dig Css och jаvascript Så du kan lägga till styling och funktionalitet till din webbsida.

Kom ihåg att spara filen.

Bild med titeln Skapa en webbplats på Github sidor Steg 7

5. Begå ändringarna.Gå tillbaka till Github Desktop och klicka på den blå kommit till huvudknappen.Klicka sedan på tryckeri.Detta kommer att ladda upp ändringarna till GitHub.

Om du planerar att göra fler ändringar, vill du också dra ursprunget.Klicka på knappen Pull Origin i Github Desktop för att ladda ner det senaste kommit till din maskin.

Bild med titeln Skapa en webbplats på Github sidor Steg 8

6. Visa din webbsida.Gå till "[ditt github användarnamn här].github.iom" I en webbläsare.Du kan behöva kringgå din webbläsares cache genom att hålla Ctrl eller ⌘ Kommando medan du klickar på uppdateringsknappen för att visa den nya webbsidan.

Metod 2 av 2:

Använda GitHub Online

1. Skapa en fil som heter "index.html".Klicka på Lägg till filen och klicka sedan på Skapa ny fil.Detta öppnar en filredigerare.Lägg till "index.html" till "Namnge din fil" fält.

Bild med titeln Skapa en webbplats på Github sidor Steg 10

2. Lägg till din Html.Du kommer behöva Lär dig html För att kunna koda en grundläggande webbsida.Det kommer också att vara användbart för dig att lära dig Css och jаvascript Så du kan lägga till styling och funktionalitet till din webbsida.

Kom ihåg att spara filen.

Bild med titeln Skapa en webbplats på Github sidor Steg 11

3. Begå ändringarna.Klicka på den gröna Commit Ny File-knappen för att spara filen till GitHub.

Bild med titeln Skapa en webbplats på Github sidor Steg 12

4. Visa din webbsida.Gå till "[ditt github användarnamn här].github.iom" I en webbläsare.Du kan behöva kringgå din webbläsares cache genom att hålla Ctrl eller ⌘ Kommando medan du klickar på uppdateringsknappen för att visa den nya webbsidan.