Hur man skapar en webbplats på GitHub -sidor: 12 steg (med bilder)

Innehållsförteckning:

Hur man skapar en webbplats på GitHub -sidor: 12 steg (med bilder)
Hur man skapar en webbplats på GitHub -sidor: 12 steg (med bilder)

Video: Hur man skapar en webbplats på GitHub -sidor: 12 steg (med bilder)

Video: Hur man skapar en webbplats på GitHub -sidor: 12 steg (med bilder)
Video: 7 Minute Workout: din dagliga träning för att bränna fett snabbt 2024, Maj
Anonim

GitHub Pages är ett bra sätt att skapa din egen personliga webbplats från grunden. Det är helt gratis och kräver bara ett GitHub -konto. Observera dock att GitHub Pages 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. Denna wikiHow visar hur du kommer igång.

Steg

Skapa en webbplats på GitHub -sidor Steg 1
Skapa en webbplats på GitHub -sidor Steg 1

Steg 1. Registrera ett konto på GitHub om du inte har ett ä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 det övre högra verktygsfältet.

Skapa en webbplats på GitHub -sidor Steg 2
Skapa en webbplats på GitHub -sidor Steg 2

Steg 2. Skapa ett förråd på GitHub.

Var noga med att namnge förvaret "[ditt GitHub -användarnamn här].github.io". Detta kommer att initialisera din GitHub -webbplats.

Metod 1 av 2: Använda en kodredigerare

Skapa en webbplats på GitHub -sidor Steg 3
Skapa en webbplats på GitHub -sidor Steg 3

Steg 1. Ladda ner GitHub -skrivbordet om du inte redan har det installerat

Att installera GitHub -skrivbordet är lika enkelt som att gå till https://desktop.github.com/ och klicka på den stora lila "Hämta" -knappen. Kör sedan installationsprogrammet. Detta behövs för att driva ändringar i ditt förråd.

Skapa en webbplats på GitHub -sidor Steg 4
Skapa en webbplats på GitHub -sidor Steg 4

Steg 2. Installera en kodredigerare

Du behöver en för att få syntaxmarkering på GitHub. Populära val inkluderar Atom, Visual Studio Code, Sublime Text och Notepad ++, med tanke på deras funktionsrika och minimalistiska känsla. Efter att ha installerat en kodredigerare är du redo att komma igång.

Skapa en webbplats på GitHub -sidor Steg 5
Skapa en webbplats på GitHub -sidor Steg 5

Steg 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 plats på hårddisken och skapa en "index.html" -fil i lagringsmappen på din enhet.

Skapa en webbplats på GitHub -sidor Steg 6
Skapa en webbplats på GitHub -sidor Steg 6

Steg 4. Lägg till din HTML

Du måste lära 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 JavaScript så att du kan lägga till styling och funktionalitet på din webbsida.

Kom ihåg att spara filen

Skapa en webbplats på GitHub -sidor Steg 7
Skapa en webbplats på GitHub -sidor Steg 7

Steg 5. Gör ändringarna

Gå tillbaka till GitHub -skrivbordet och klicka på den blå knappen Commit to master. Klicka sedan på Push Origin. Detta kommer att ladda upp ändringarna till GitHub.

Om du planerar att göra fler ändringar kommer du också att vilja dra ursprunget. Klicka på knappen Dra ursprung i GitHub -skrivbordet för att ladda ner det senaste åtagandet till din maskin

Skapa en webbplats på GitHub -sidor Steg 8
Skapa en webbplats på GitHub -sidor Steg 8

Steg 6. Visa din webbsida

Gå till "[ditt GitHub -användarnamn här].github.io" i en webbläsare. Du kan behöva kringgå webbläsarens 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

Skapa en webbplats på GitHub -sidor Steg 9
Skapa en webbplats på GitHub -sidor Steg 9

Steg 1. Skapa en fil som heter "index.html"

Klicka på Lägg till fil och klicka sedan på Skapa ny fil. Detta öppnar en filredigerare. Lägg till "index.html" i fältet "Namnge din fil".

Skapa en webbplats på GitHub -sidor Steg 10
Skapa en webbplats på GitHub -sidor Steg 10

Steg 2. Lägg till din HTML

Du måste lära 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 JavaScript så att du kan lägga till styling och funktionalitet på din webbsida.

Kom ihåg att spara filen

Skapa en webbplats på GitHub -sidor Steg 11
Skapa en webbplats på GitHub -sidor Steg 11

Steg 3. Gör ändringarna

Klicka på den gröna knappen Commit new file för att spara filen till GitHub.

Skapa en webbplats på GitHub -sidor Steg 12
Skapa en webbplats på GitHub -sidor Steg 12

Steg 4. Visa din webbsida

Gå till "[ditt GitHub -användarnamn här].github.io" i en webbläsare. Du kan behöva kringgå webbläsarens cacheminne genom att hålla Ctrl eller ⌘ Kommando medan du klickar på uppdateringsknappen för att visa den nya webbsidan.

Tips

  • Om du vill lägga till undersidor skapar du helt enkelt en ny mapp på GitHub och lägger till en "index.html" -fil i den mappen.
  • Om du registrerar ett domännamn kan du få GitHub -sidor att använda det domännamnet istället för standard.
  • GitHub -sidors arkiv måste vara offentliga, såvida du inte har ett premiumkonto.

Rekommenderad: