Kuidas luua veebisaiti GitHubi lehtedel: 12 sammu (piltidega)

Sisukord:

Kuidas luua veebisaiti GitHubi lehtedel: 12 sammu (piltidega)
Kuidas luua veebisaiti GitHubi lehtedel: 12 sammu (piltidega)

Video: Kuidas luua veebisaiti GitHubi lehtedel: 12 sammu (piltidega)

Video: Kuidas luua veebisaiti GitHubi lehtedel: 12 sammu (piltidega)
Video: пластика лица после ожога 2024, Aprill
Anonim

GitHubi lehed on suurepärane võimalus luua oma isiklik sait nullist. See on täiesti tasuta ja nõuab ainult GitHubi kontot. Pange siiski tähele, et GitHub Pages ei paku veebisaitide loomiseks kõige kasutajasõbralikumat disaini (erinevalt Wixist või Squarespace'ist), kuid see on suurepärane võimalus saada kogemusi HTML/CSS/JS ja kõigi veebisaidi elementidega. See wikiHow näitab teile, kuidas alustada.

Sammud

1. veebisaidi loomine GitHubi lehtedel
1. veebisaidi loomine GitHubi lehtedel

Samm 1. Registreerige konto GitHubis, kui teil seda veel pole

Enne oma veebisaidi loomist GitHubi lehtedel peate looma GitHubis konto. Kui teil on juba GitHubi konto, logige kindlasti sisse. Mõlemale pääseb juurde ülemisest parempoolsest tööriistaribalt.

Veebisaidi loomine GitHubi lehtedel 2. samm
Veebisaidi loomine GitHubi lehtedel 2. samm

2. samm. Looge GitHubis hoidla.

Pange kindlasti hoidlale nimi "[teie GitHubi kasutajanimi siin].github.io". See lähtestab teie GitHubi veebisaidi.

Meetod 1/2: koodiredaktori kasutamine

3. veebisaidi loomine GitHubi lehtedel
3. veebisaidi loomine GitHubi lehtedel

Samm 1. Kui teil pole seda juba installitud, laadige alla GitHubi töölaud

GitHubi töölaua installimine on sama lihtne kui minna aadressile https://desktop.github.com/ ja klõpsata suurel lillal nupul „Laadi alla”. Seejärel käivitage installiprogramm. See on vajalik hoidlasse muudatuste tegemiseks.

Veebisaidi loomine GitHubi lehtedel 4. samm
Veebisaidi loomine GitHubi lehtedel 4. samm

Samm 2. Installige koodiredaktor

Süntaksi esiletõstmiseks GitHubis vajate seda. Populaarsete valikute hulka kuuluvad Atom, Visual Studio Code, Sublime Text ja Notepad ++, arvestades nende rikkalikku ja minimalistlikku tunnet. Pärast koodiredaktori installimist olete alustamiseks valmis.

Veebisaidi loomine GitHubi lehtedel 5. samm
Veebisaidi loomine GitHubi lehtedel 5. samm

Samm 3. Looge fail nimega "index.html"

Seda saate teha oma koodiredaktoris või veebis. Samuti võite minna kõvakettal oma hoidla asukohta ja luua oma ketta hoidla kausta faili "index.html".

6. veebisaidi loomine GitHubi lehtedel
6. veebisaidi loomine GitHubi lehtedel

Samm 4. Lisage oma HTML

Peamise veebilehe kodeerimiseks peate õppima HTML -i. Samuti on teil kasulik õppida CSS -i ja JavaScripti, et saaksite oma veebilehele stiili ja funktsionaalsust lisada.

Ärge unustage faili salvestada

Looge veebisait GitHubi lehtedel 7. samm
Looge veebisait GitHubi lehtedel 7. samm

Samm 5. Kinnitage muudatused

Minge tagasi GitHubi töölauale ja klõpsake sinisel nupul Commit to master. Seejärel klõpsake nuppu Push Origin. See laadib muudatused GitHubi üles.

Kui kavatsete teha rohkem muudatusi, soovite ka päritolu tõmmata. Viimase kohustuse oma arvutisse allalaadimiseks klõpsake GitHubi töölaual nuppu Tõmba päritolu

Veebisaidi loomine GitHubi lehtedel 8. samm
Veebisaidi loomine GitHubi lehtedel 8. samm

Samm 6. Vaadake oma veebilehte

Avage veebibrauseris "[teie GitHubi kasutajanimi siin].github.io". Uue veebilehe vaatamiseks peate võib -olla mööduma brauseri vahemälust, hoides all klahvi Ctrl või ⌘, samal ajal klõpsates värskendamisnupul.

Meetod 2/2: GitHub Online'i kasutamine

Veebisaidi loomine GitHubi lehtedel 9. samm
Veebisaidi loomine GitHubi lehtedel 9. samm

Samm 1. Looge fail nimega "index.html"

Klõpsake nuppu Lisa fail ja seejärel nuppu Loo uus fail. See avab failiredaktori. Lisage väljale „Nimetage oma fail” „index.html”.

Looge veebisait GitHubi lehtedel 10. samm
Looge veebisait GitHubi lehtedel 10. samm

Samm 2. Lisage oma HTML

Peamise veebilehe kodeerimiseks peate õppima HTML -i. Samuti on teil kasulik õppida CSS -i ja JavaScripti, et saaksite oma veebilehele stiili ja funktsionaalsust lisada.

Ärge unustage faili salvestada

Veebisaidi loomine GitHubi lehtedel 11. samm
Veebisaidi loomine GitHubi lehtedel 11. samm

Samm 3. Kinnitage muudatused

Faili GitHubi salvestamiseks klõpsake rohelist nuppu Kinnita uus fail.

Veebisaidi loomine GitHubi lehtedel 12. samm
Veebisaidi loomine GitHubi lehtedel 12. samm

Samm 4. Vaadake oma veebilehte

Avage veebibrauseris "[teie GitHubi kasutajanimi siin].github.io". Uue veebilehe vaatamiseks peate võib -olla mööduma brauseri vahemälust, hoides all klahvi Ctrl või ⌘, samal ajal klõpsates värskendamisnupul.

Näpunäiteid

  • Alamlehtede lisamiseks looge GitHubis lihtsalt uus kaust ja lisage sellesse kausta fail "index.html".
  • Kui registreerite domeeninime, saate lasta GitHubi lehtedel seda domeeninime kasutada vaikimisi.
  • GitHubi lehtede hoidlad peavad olema avalikud, välja arvatud juhul, kui teil on lisatasu konto.

Soovitan: