Kā izveidot vietni GitHub lapās: 12 soļi (ar attēliem)

Satura rādītājs:

Kā izveidot vietni GitHub lapās: 12 soļi (ar attēliem)
Kā izveidot vietni GitHub lapās: 12 soļi (ar attēliem)

Video: Kā izveidot vietni GitHub lapās: 12 soļi (ar attēliem)

Video: Kā izveidot vietni GitHub lapās: 12 soļi (ar attēliem)
Video: Kā izveidot būvdarbu žurnālā ieraksta veidu Ikdienas darbi 2024, Maijs
Anonim

GitHub Pages ir lielisks veids, kā izveidot savu personīgo vietni no nulles. Tas ir pilnīgi bez maksas, un tam ir nepieciešams tikai GitHub konts. Tomēr ņemiet vērā, ka GitHub Pages nepiedāvā lietotājam draudzīgāko dizainu vietņu veidošanai (atšķirībā no Wix vai Squarespace), taču tas ir lielisks veids, kā iegūt pieredzi ar HTML/CSS/JS un visiem vietnes elementiem. Šis wikiHow parādīs, kā sākt darbu.

Soļi

Izveidojiet vietni GitHub lapās 1. darbība
Izveidojiet vietni GitHub lapās 1. darbība

1. darbība. Reģistrējiet kontu vietnē GitHub, ja jums tāda vēl nav

Pirms varat izveidot savu vietni GitHub lapās, jums ir jāizveido konts vietnē GitHub. Ja jums jau ir konts vietnē GitHub, noteikti piesakieties. Abiem var piekļūt no augšējās labās rīkjoslas.

Izveidojiet vietni GitHub lapās 2. darbība
Izveidojiet vietni GitHub lapās 2. darbība

2. solis. Izveidojiet repozitoriju vietnē GitHub.

Noteikti nosakiet krātuves nosaukumu "[jūsu GitHub lietotājvārds šeit].github.io". Tas inicializēs jūsu GitHub vietni.

1. metode no 2: koda redaktora izmantošana

Izveidojiet vietni GitHub lapās 3. darbība
Izveidojiet vietni GitHub lapās 3. darbība

1. solis. Lejupielādējiet GitHub darbvirsmu, ja tā vēl nav instalēta

GitHub darbvirsmas instalēšana ir tikpat vienkārša kā atvēršana vietnē https://desktop.github.com/ un noklikšķināšana uz lielās purpursarkanās pogas Lejupielādēt. Pēc tam palaidiet instalētāju. Tas ir nepieciešams, lai veiktu izmaiņas savā krātuvē.

Izveidojiet vietni GitHub lapās 4. darbība
Izveidojiet vietni GitHub lapās 4. darbība

2. solis. Instalējiet koda redaktoru

Jums tas ir nepieciešams, lai GitHub izceltu sintaksi. Pie populārām izvēlēm pieder Atom, Visual Studio Code, Sublime Text un Notepad ++, ņemot vērā to bagātīgo un minimālisma sajūtu. Pēc koda redaktora instalēšanas esat gatavs sākt darbu.

Izveidojiet vietni GitHub lapās 5. darbība
Izveidojiet vietni GitHub lapās 5. darbība

3. Izveidojiet failu ar nosaukumu "index.html"

To var izdarīt koda redaktorā vai tiešsaistē. Varat arī doties uz krātuves atrašanās vietu cietajā diskā un izveidot diska krātuves mapē failu "index.html".

Izveidojiet vietni GitHub lapās 6. darbība
Izveidojiet vietni GitHub lapās 6. darbība

4. solis. Pievienojiet savu HTML

Lai varētu kodēt pamata tīmekļa lapu, jums jāiemācās HTML. Jums būs arī noderīgi apgūt CSS un JavaScript, lai jūs varētu savai vietnei pievienot stilu un funkcionalitāti.

Atcerieties saglabāt failu

Izveidojiet vietni GitHub lapās 7. darbība
Izveidojiet vietni GitHub lapās 7. darbība

5. solis. Apņemieties veikt izmaiņas

Atgriezieties GitHub darbvirsmā un noklikšķiniet uz zilās pogas Apņemties pārvaldīt. Pēc tam noklikšķiniet uz Push Origin. Tādējādi izmaiņas tiks augšupielādētas GitHub.

Ja plānojat veikt vairāk izmaiņu, vēlaties izvilkt arī izcelsmi. GitHub darbvirsmā noklikšķiniet uz pogas Izvelciet izcelsmi, lai savā datorā lejupielādētu jaunāko apņemšanos

Izveidojiet vietni GitHub lapās 8. darbība
Izveidojiet vietni GitHub lapās 8. darbība

6. solis. Skatiet savu tīmekļa lapu

Tīmekļa pārlūkprogrammā dodieties uz "[jūsu GitHub lietotājvārds šeit].github.io". Lai apskatītu jauno tīmekļa lapu, iespējams, vajadzēs apiet pārlūkprogrammas kešatmiņu, turot nospiestu taustiņu Ctrl vai ⌘ Command, vienlaikus noklikšķinot uz atsvaidzināšanas pogas.

2. metode no 2: GitHub Online izmantošana

Izveidojiet vietni GitHub lapās 9. darbība
Izveidojiet vietni GitHub lapās 9. darbība

1. darbība. Izveidojiet failu ar nosaukumu "index.html"

Noklikšķiniet uz Pievienot failu, pēc tam noklikšķiniet uz Izveidot jaunu failu. Tas atvērs failu redaktoru. Laukam “Nosauciet failu” pievienojiet “index.html”.

Izveidojiet vietni GitHub lapās 10. darbība
Izveidojiet vietni GitHub lapās 10. darbība

2. solis. Pievienojiet savu HTML

Lai varētu kodēt pamata tīmekļa lapu, jums jāiemācās HTML. Jums būs arī noderīgi apgūt CSS un JavaScript, lai jūs varētu savai vietnei pievienot stilu un funkcionalitāti.

Atcerieties saglabāt failu

Izveidojiet vietni GitHub lapās 11. darbība
Izveidojiet vietni GitHub lapās 11. darbība

3. solis. Apņemieties veikt izmaiņas

Noklikšķiniet uz zaļās pogas Apņemt jaunu failu, lai saglabātu failu GitHub.

Izveidojiet vietni GitHub lapās 12. darbība
Izveidojiet vietni GitHub lapās 12. darbība

4. solis. Skatiet savu tīmekļa lapu

Tīmekļa pārlūkprogrammā dodieties uz "[jūsu GitHub lietotājvārds šeit].github.io". Lai apskatītu jauno tīmekļa lapu, iespējams, vajadzēs apiet pārlūkprogrammas kešatmiņu, turot nospiestu taustiņu Ctrl vai ⌘ Command, vienlaikus noklikšķinot uz atsvaidzināšanas pogas.

Padomi

  • Lai pievienotu apakšlapas, vienkārši izveidojiet jaunu mapi vietnē GitHub un pievienojiet šai mapei failu "index.html".
  • Ja reģistrējat domēna nosaukumu, varat ļaut GitHub Pages izmantot šo domēna nosaukumu noklusējuma vietā.
  • GitHub lapu krātuvēm jābūt publiskām, ja vien jums nav piemaksu konta.

Ieteicams: