Hoe een website gratis te hosten met behulp van GitHub-pagina's
Advertentie
Webhostingplannen zijn er in verschillende opties en prijspunten. Er zijn duurdere plannen die geschikt zijn voor het hosten van de grootste websites ter wereld, maar wat als je gewoon een eenvoudige hostingoplossing nodig hebt voor een eenvoudige website?
Voor een statische website of kleine web-apps zijn er gratis hostingplannen waarmee u meteen aan de slag kunt. Ze vereisen een beetje meer installatie dan een betaalde host, maar het is een waardige afweging voor gratis.
GitHub Pages is zo'n optie, en in dit artikel laten we je zien hoe je een eenvoudige website gratis kunt hosten met GitHub Pages.
Wat zijn GitHub-pagina's?
Opmerking: als u op GitHub-pagina's wilt hosten, moet u toegang hebben tot uw volledige websitecode. Meestal werkt deze optie het beste wanneer u uw website helemaal opnieuw codeert.
GitHub Pages is een service van GitHub waarmee u een website of webapplicatie kunt publiceren door deze op te slaan in een gratis GitHub-repository.
U kunt een volledige website en onbeperkte "projectsites" hosten die op een website kunnen worden beschouwd als "pagina's". Websitecode wordt opgeslagen in een aangewezen GitHub-repository, die GitHub vervolgens publiceert om te worden bekeken op elke computer of tablet.
Het proces is vrij eenvoudig, maar er is een klein beetje te behandelen. Laten we eens kijken hoe we dit kunnen bereiken.
GitHub Basics
GitHub is een populaire versiebeheerservice voor computerprogrammeurs die Git gebruikt om code op te slaan en te beheren. Code wordt opgeslagen in repositories, dit zijn slechts containers op een cloudserver waarmee u vanaf al uw computers toegang hebt tot uw code.
Je kunt nieuwe repositories maken met behulp van de website van GitHub of via de opdrachtregel wanneer je Git hebt geïnstalleerd. Repositories krijgen namen, kunnen openbaar of privé zijn en kunnen code in elke taal opslaan. Nadat je je repository hebt gemaakt, kun je met Git je code van de server halen om wijzigingen aan te brengen en vervolgens weer uploaden naar GitHub.
Git is eenvoudig te installeren op pc- en Mac-computers door naar de Git-website te gaan en de installatiestappen te volgen. Git heeft veel te bieden, maar je kunt de basis van Git leren en het heel snel gebruiken. Beheer je bestandsversie als een programmeur met Git Beheer je bestandsversie als een programmeur met Git Programmeurs creëerden versiecontrolesystemen (VCS) om bestandsversiebeheer op te lossen problemen. Laten we eens kijken naar de basisprincipes van versiebeheer met het topsysteem vandaag, Git. Lees verder .
GitHub is al een begrip in programmeren en GitHub Pages wordt erg handig als je al weet hoe je het moet gebruiken.
Uw website instellen op GitHub-pagina's
Het proces van het hosten van een website met behulp van GitHub-pagina's kan worden vereenvoudigd in drie stappen:
- Maak een GitHub-account
- Maak een nieuwe repository met een paar regels
- Bewerk uw code en upload naar GitHub om uw website live te brengen
Laten we wat meer informatie geven over hoe u uw statische website live op GitHub Pages kunt publiceren. Je hebt wat HTML-kennis nodig, dus nu is het een goed moment om wat HTML-basisprincipes bij te werken 5 stappen om de basis-HTML-code te begrijpen 5 stappen om de basis-HTML-code te begrijpen HTML is de ruggengraat van elke webpagina. Als u een beginner bent, laat ons u de basisstappen doorlopen om HTML te begrijpen. Lees verder .
Uw GitHub-account maken
Je zou Git op dit moment moeten hebben geïnstalleerd, zo niet ga je terug naar de basis van GitHub en zorg je ervoor dat je het volledig hebt geïnstalleerd. Je hebt Git nodig om je code te beheren via GitHub. Ga naar de website van GitHub om u aan te melden.
U moet een gebruikersnaam kiezen en u aanmelden met uw e-mailadres en een wachtwoord. De gebruikersnaam is belangrijk om uw website te laten werken. Zodra u zich aanmeldt, logt u in op de startpagina om uw website te starten.
Uw GitHub-repository maken
Vanaf de startpagina van GitHub ziet u uiterst links een sectie 'repositories'. Hier zal een lijst van al uw repositories zijn, evenals een knop "Nieuw" waarmee u een nieuwe repository kunt maken.
Klik op "Nieuw" en u wordt naar een nieuw scherm geleid om de gegevens van de repository in te voeren. Eerst moet u de naam van de repository invoeren. De naam van de repository moet als volgt zijn, waarbij [USERNAME] de gewenste gebruikersnaam is:
[USERNAME].github.io Als uw gebruikersnaam bijvoorbeeld Jake is, is uw repositorynaam Jake.github.io . Dit is een zeer belangrijke stap. Het is de manier waarop GitHub Pages de repository identificeert als een live website versus een lege container waarin je wilt coderen.
Nadat u de gebruikersnaam hebt ingevoerd, kunt u een optionele beschrijving invoeren om wat detail aan uw gegevensopslagruimte toe te voegen (bijvoorbeeld 'Mijn sportwebsite').
Kies "openbaar" of "privé" om te bepalen of andere gebruikers uw repository kunnen wijzigen. Openbaar betekent dat iedereen kan wijzigen, privé betekent dat alleen jij kunt wijzigen.
Ten slotte kunt u een README-bestand voor uw repository maken, dat alleen bedoeld is om documentatie voor projecten te bewaren. Het is volledig optioneel.
Nu je dit hebt ingevuld, klik je op "Repository maken" om te voltooien!
Uw website bewerken en uploaden
Nu je je repository live hebt op GitHub, ga je naar je opdrachtregelterminal. Navigeer naar de locatie waar u uw project wilt opslaan en voer de volgende opdracht uit, waarbij u [USERNAME] vervangt door uw daadwerkelijke gebruikersnaam:
git clone https://github.com/[USERNAME]/[USERNAME].github.io De "kloon" functie van git maakt gewoon een kopie van je repository op je computer zodat je de code kunt bewerken. Alle wijzigingen die u in deze code aanbrengt, kunnen via de opdrachtregel in de hoofdrepository worden opgeslagen.
Nu de repository in een map is opgeslagen, navigeert u naar die map met behulp van de terminal of door gewoon op de map op uw machine te klikken. Maak een index.html- bestand in deze map. Dit HTML-bestand bevat uw code.
Open het HTML-bestand in uw teksteditor en voeg een regel toe door "Hallo" te typen. Dit is gewoon een regel om tekst weer te geven en ervoor te zorgen dat de website werkt.
Ga terug naar de map waarin uw code wordt opgeslagen met behulp van de terminal. Nu kun je je wijzigingen opslaan in je repository door deze git code uit te voeren
git add --all git commit -m "Save changes" git push -u origin master Dit kan verwarrend zijn als je Git nog nooit eerder hebt gebruikt, maar het is heel eenvoudig. git add –all voegt alle wijzigingen toe die je hebt aangebracht in een wachtrij om te worden opgeslagen. git commit bereidt de wijzigingen voor, met de optionele vlag -m die een beschrijving toevoegt van wat er is veranderd in deze commit. ("Wijzigingen opslaan" is een voorbeeld. Je kunt van alles goedmaken.) Ten slotte voltooit git push de wijzigingen en laadt de nieuwe code in je repository.
De website van uw GitHub-pagina's bekijken
Er is hier veel geweest, maar nu ben je klaar om het eindresultaat te zien. Laad je favoriete webbrowser en ga naar https: // [USERNAME] .github.io waar, nogmaals, [USERNAME] wordt vervangen door je repositorynaam.
U zult uw website live zien verschijnen! Het kan worden bekeken in elke browser op elke computer, tablet of telefoon. Het is een volledig functionerende website.
Meer opties voor gratis webhosting
Nu je weet hoe je een website maakt die gratis wordt gehost op GitHub Pages, kun je vrijwel elk type statische website bouwen die je wilt. Het is een geweldige optie voor ontwikkelaars en particulieren die slechts een kleine oplossing nodig hebben.
Iets krachtigs nodig dan GitHub Pages? Bekijk deze geweldige gratis webhostingservices De beste gratis websitehostingservices in 2019 De beste gratis websitehostingservices in 2019 Hier zijn de beste gratis webhostingservices die veel bieden en een betere reputatie hebben dan de meeste. Lees verder .
Ontdek meer over: Codeerhandleidingen, GitHub, Web Hosting.
