Hur du är värd för en webbplats gratis med GitHub-sidor
Annons
Webbhotellplaner finns i en mängd olika alternativ och prispoäng. Det finns dyrare planer som har kapacitet att vara värd för de största webbplatserna i världen, men vad händer om du bara behöver en enkel värdlösning för en enkel webbplats?
För en statisk webbplats eller små webbappar finns det gratis värdplaner som kan komma igång online på ett ögonblick. De kräver lite mer installation än en betald värd, men det är en värdig avvägning gratis.
GitHub-sidor är ett sådant alternativ, och i den här artikeln kommer vi att visa dig hur du är värd för en enkel webbplats med GitHub-sidor gratis.
Vad är GitHub-sidor?
Obs: För att vara värd på GitHub-sidor måste du ha tillgång till hela din webbplatskod. Vanligtvis fungerar det här alternativet bäst när du kodar din webbplats från grunden.
GitHub Pages är en tjänst skapad av GitHub som låter dig publicera en webbplats eller webbapplikation genom att lagra den i ett gratis GitHub-arkiv.
Du kan vara värd för en hel webbplats och obegränsade "projektwebbplatser" som kan betraktas som "sidor" på en webbplats. Webbplatskod lagras i ett specifikt GitHub-arkiv, som GitHub sedan publicerar för att visas på vilken dator eller surfplatta som helst.
Processen är ganska enkel, men det finns lite att täcka. Låt oss hoppa till hur vi kan uppnå detta.
GitHub Basics
GitHub är en populär versionskontrolltjänst för datorprogrammerare som använder Git för att lagra och kontrollera kod. Koden lagras i förvar, som bara är behållare på en molnserver som låter dig få åtkomst till din kod från alla dina datorer.
Du kan skapa nya förvar med GitHubs webbplats eller via kommandoraden när du har Git installerat. Förvar ges namn, kan vara offentliga eller privata och kan lagra kod på vilket språk som helst. När du skapar ditt arkiv kan du med Git dra din kod från servern för att göra ändringar och sedan ladda upp till GitHub.
Git är enkelt att installera på PC- och Mac-datorer genom att gå till Git-webbplatsen och följa installationsstegen. Det finns mycket att göra med Git, men du kan lära dig grunderna i Git och använda den mycket snabbt Hantera din filversion som en programmerare Med Git Hantera din filversion som en programmerare Med Git Programmerare skapade versionskontrollsystem (VCS) för att lösa filversionskontroll problem. Låt oss titta på grunderna i versionskontroll med hjälp av toppsystemet idag, Git. Läs mer .
GitHub är redan ett hushållsnamn i programmering, och GitHub-sidor blir mycket användbart när du redan vet hur du använder det.
Ställa in din webbplats på GitHub-sidor
Processen med att vara värd för en webbplats med GitHub-sidor kan förenklas i tre steg:
- Skapa ett GitHub-konto
- Skapa ett nytt arkiv med några regler
- Redigera din kod och ladda upp till GitHub för att ta din webbplats live
Låt oss gå igenom lite mer detaljerad information om hur du får din statiska webbplats publicerad live på GitHub-sidor. Du kommer att behöva lite HTML-kunskap, så nu är det en bra tid att utarbeta några HTML-grunder 5 steg för att förstå grundläggande HTML-kod 5 steg för att förstå grundläggande HTML-kod HTML är ryggraden på varje webbsida. Om du är nybörjare, låt oss leda dig genom de grundläggande stegen för att förstå HTML. Läs mer .
Skapa ditt GitHub-konto
Du bör ha Git installerat just nu, om inte backa upp till GitHub-grunderna och se till att du har den helt installerad. Du behöver Git för att kontrollera din kod genom GitHub. Gå till GitHubs webbplats för att registrera dig.
Du måste välja ett användarnamn och registrera dig med din e-postadress och ett lösenord. Användarnamnet kommer att vara viktigt för att få din webbplats igång. När du har registrerat dig loggar du in på hemsidan för att starta din webbplats.
Skapa ditt GitHub-arkiv
Från GitHub-hemsidan ser du ett avsnitt om "förvar" längst till vänster. Här kommer en lista över alla dina förvar, liksom en "Ny" -knapp som gör att du kan skapa ett nytt arkiv.
Klicka på "Ny" så kommer du till en ny skärm för att ange lagringsinformationen. Först måste du ange förarens namn. Förvarets namn måste vara följande, där [USERNAME] är ditt önskade användarnamn:
[USERNAME].github.io Till exempel, om ditt användarnamn är Jake, kommer ditt förvarnamn att vara Jake.github.io . Detta är ett mycket viktigt steg. Det är så som GitHub Pages identifierar förvaret som en live-webbplats jämfört med en tom behållare du vill koda i.
När du har angett användarnamnet kan du ange en valfri beskrivning för att lägga till detaljer i ditt förvar (dvs. "Min sportswebbplats").
Välj antingen "offentligt" eller "privat" för att kontrollera om andra användare kan ändra ditt arkiv. Offentlig betyder att vem som helst kan ändra, privat betyder bara att du kan ändra.
Slutligen kan du skapa en README-fil för ditt arkiv, som bara är tänkt att hålla dokumentation för projekt. Det är helt valfritt.
Nu när du har fyllt i detta klickar du på "Skapa arkiv" för att avsluta!
Redigera och ladda upp din webbplats
Nu när du har ditt lager live på GitHub, gå till din kommandoradsterminal. Navigera till den plats du vill lagra ditt projekt och kör följande kommando och se till att du byter ut [USERNAME] med ditt faktiska användarnamn:
git clone https://github.com/[USERNAME]/[USERNAME].github.io "Klon" -funktionen hos Git gör bara en kopia av ditt arkiv på din dator så att du kan redigera koden. Alla ändringar du gör i den här koden kan sparas i huvudförvaret via kommandoraden.
Nu när förvaret är lagrat i en mapp, navigerar du in i den mappen med antingen terminalen eller bara klickar du på mappen på din maskin. Skapa en index.html- fil i den här mappen. Den här HTML-filen kommer att innehålla din kod.
Öppna HTML-filen i din textredigerare och lägg till en rad genom att skriva "Hej". Detta är helt enkelt en rad för att visa text och se till att webbplatsen fungerar.
Gå tillbaka till mappen som lagrar din kod med terminalen. Nu kan du spara dina ändringar i ditt arkiv genom att köra denna git-kod
git add --all git commit -m "Save changes" git push -u origin master Det kan vara förvirrande om du aldrig har använt Git tidigare, men det är väldigt enkelt. git add - alla lägger till alla ändringar du gjort i en kö som ska sparas. git commit förbereder ändringarna, med den valfria -m- flaggan som lägger till en beskrivning för vad som har ändrats i denna commit. ("Spara ändringar" är ett exempel. Du kan rätta till vad som helst.) Slutligen slutför git push ändringarna och laddar den nya koden i ditt arkiv.
Visa din webbplats för GitHub-sidor
Det har varit mycket här, men nu är du redo att se det slutliga resultatet. Ladda upp din favoritwebbläsare och navigera till https: // [USERNAME] .github.io där [USERNAME] återigen ersätts av ditt lagringsnamn.
Du kommer att se din webbplats publicerad live! Det kan visas i valfri webbläsare på vilken dator, surfplatta eller telefon som helst. Det är en fullt fungerande webbplats.
Fler alternativ för gratis webbhotell
Nu när du vet hur du skapar en webbplats som är värd gratis på GitHub-sidor kan du bygga nästan vilken typ av statisk webbplats du vill ha. Det är ett bra alternativ för utvecklare och individer som bara behöver en liten lösning.
Behöver du något mer kraftfullt än GitHub-sidor? Kolla in dessa fantastiska gratis webbhotelltjänster De bästa gratis webbhotelltjänsterna 2019 De bästa gratis webbhotelltjänsterna 2019 Här är de bästa gratis webbhotelltjänsterna som erbjuder mycket och har ett bättre rykte än de flesta. Läs mer .
Utforska mer om: Coding Tutorials, GitHub, webbhotell.
