Hoe om 'n webwerf op GitHub -bladsye te skep: 12 stappe (met foto's)

INHOUDSOPGAWE:

Hoe om 'n webwerf op GitHub -bladsye te skep: 12 stappe (met foto's)
Hoe om 'n webwerf op GitHub -bladsye te skep: 12 stappe (met foto's)

Video: Hoe om 'n webwerf op GitHub -bladsye te skep: 12 stappe (met foto's)

Video: Hoe om 'n webwerf op GitHub -bladsye te skep: 12 stappe (met foto's)
Video: КЛИНЬЯ БОЛЬШЕ НЕ НУЖНЫ! Мало кто знает этот СЕКРЕТ МОЛОТКА! Такого еще никто не видел! 2024, Mei
Anonim

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

Skep 'n webwerf op GitHub -bladsye Stap 1
Skep 'n webwerf op GitHub -bladsye Stap 1

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.

Skep 'n webwerf op GitHub -bladsye Stap 2
Skep 'n webwerf op GitHub -bladsye Stap 2

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

Skep 'n webwerf op GitHub -bladsye Stap 3
Skep 'n webwerf op GitHub -bladsye Stap 3

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.

Skep 'n webwerf op GitHub -bladsye Stap 4
Skep 'n webwerf op GitHub -bladsye Stap 4

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.

Skep 'n webwerf op GitHub -bladsye Stap 5
Skep 'n webwerf op GitHub -bladsye Stap 5

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.

Skep 'n webwerf op GitHub -bladsye Stap 6
Skep 'n webwerf op GitHub -bladsye Stap 6

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

Skep 'n webwerf op GitHub -bladsye Stap 7
Skep 'n webwerf op GitHub -bladsye Stap 7

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

Skep 'n webwerf op GitHub -bladsye Stap 8
Skep 'n webwerf op GitHub -bladsye Stap 8

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

Skep 'n webwerf op GitHub -bladsye Stap 9
Skep 'n webwerf op GitHub -bladsye Stap 9

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".

Skep 'n webwerf op GitHub -bladsye Stap 10
Skep 'n webwerf op GitHub -bladsye Stap 10

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

Skep 'n webwerf op GitHub -bladsye Stap 11
Skep 'n webwerf op GitHub -bladsye Stap 11

Stap 3. Pas die veranderinge aan

Klik op die groen knoppie Commit new file om die lêer in GitHub te stoor.

Skep 'n webwerf op GitHub -bladsye Stap 12
Skep 'n webwerf op GitHub -bladsye Stap 12

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.

Aanbeveel: