GitHub Pages is 'n uitstekende manier om u eie persoonlike webwerf van nuuts af te maak. Dit is heeltemal gratis en benodig slegs 'n GitHub -rekening. Let egter daarop dat GitHub Pages nie die mees gebruikersvriendelike ontwerp bied om webwerwe te maak nie (anders as Wix of Squarespace), maar dit is 'n goeie manier om ervaring op te doen met HTML/CSS/JS en al die elemente van 'n webwerf. Hierdie wikiHow sal u wys hoe u kan begin.
Stappe
Stap 1. Registreer 'n rekening op GitHub, as u nog nie een het nie
Voordat u u eie webwerf op GitHub -bladsye kan skep, moet u 'n rekening op GitHub skep. As u reeds 'n rekening op GitHub het, moet u aanmeld. Beide kan verkry word vanaf die werkbalk regs bo.
Stap 2. Skep 'n bewaarplek op GitHub.
Maak seker dat u die bewaarplek '[u GitHub -gebruikersnaam hier].github.io' noem. Dit sal u GitHub -webwerf inisieer.
Metode 1 van 2: Die gebruik van 'n kode -redakteur
Stap 1. Laai GitHub -lessenaar af as u dit nog nie geïnstalleer het nie
Die installering van GitHub -lessenaar is so eenvoudig soos om na https://desktop.github.com/ te gaan en op die groot pers "Download" -knoppie te klik. Begin dan die installeerder. Dit is nodig om veranderinge in u bewaarplek aan te bring.
Stap 2. Installeer 'n kode -redakteur
U benodig een om sintaksis op GitHub te beklemtoon. Gewilde keuses sluit in Atom, Visual Studio Code, Sublime Text en Notepad ++, gegewe hul kenmerkryke en minimalistiese gevoel. Nadat u 'n kode -redakteur geïnstalleer het, is u gereed om te begin.
Stap 3. Skep 'n lêer genaamd "index.html"
U kan dit doen in u kode -redakteur of aanlyn. U kan ook na die ligging van u bewaarplek op u hardeskyf gaan en 'n 'index.html' -lêer in die lêergids op u skyf skep.
Stap 4. Voeg u HTML by
U moet HTML leer om 'n basiese webbladsy te kan kodeer. Dit sal ook nuttig wees om CSS en JavaScript te leer, sodat u styl en funksionaliteit by u webblad kan voeg.
Onthou om die lêer te stoor
Stap 5. Pas die veranderinge aan
Gaan terug na die GitHub -lessenaar en klik op die blou knoppie Commit to master. Klik dan op Push Origin. Dit sal die veranderinge na GitHub oplaai.
As u van plan is om meer veranderinge aan te bring, sal u ook die oorsprong wil trek. Klik op die knoppie Trek oorsprong in die GitHub -lessenaar om die nuutste verbintenis na u masjien af te laai
Stap 6. Bekyk u webblad
Gaan na '[u GitHub -gebruikersnaam hier].github.io' in 'n webblaaier. Miskien moet u die blaaier se kas omseil deur Ctrl of ⌘ Command te hou terwyl u op die herlaai -knoppie klik om die nuwe webblad te sien.
Metode 2 van 2: Gebruik GitHub Online
Stap 1. Skep 'n lêer genaamd "index.html"
Klik op Voeg lêer by en klik op Skep nuwe lêer. Dit sal 'n lêerredakteur oopmaak. Voeg "index.html" by die veld "Noem u lêer".
Stap 2. Voeg u HTML by
U moet HTML leer om 'n basiese webbladsy te kan kodeer. Dit sal ook nuttig wees om CSS en JavaScript te leer, sodat u styl en funksionaliteit by u webblad kan voeg.
Onthou om die lêer te stoor
Stap 3. Pas die veranderinge aan
Klik op die groen knoppie Commit new file om die lêer in GitHub te stoor.
Stap 4. Bekyk u webblad
Gaan na '[u GitHub -gebruikersnaam hier].github.io' in 'n webblaaier. Miskien moet u die blaaier se kas omseil deur Ctrl of ⌘ Command te hou terwyl u op die herlaai -knoppie klik om die nuwe webblad te sien.
Wenke
- Om subbladsye by te voeg, skep eenvoudig 'n nuwe gids op GitHub en voeg 'n "index.html" -lêer by die gids.
- As u 'n domeinnaam registreer, kan u GitHub Pages die domeinnaam laat gebruik in plaas van die standaard.
- GitHub -bladsye se bewaarplekke moet publiek wees, tensy u 'n premie -rekening het.