A GitHub Pages nagyszerű módja annak, hogy saját webhelyét a semmiből hozza létre. Teljesen ingyenes, és csak GitHub -fiók szükséges. Ne feledje azonban, hogy a GitHub Pages nem a leginkább felhasználóbarát kialakítást kínálja weboldalak készítéséhez (ellentétben a Wix-szel vagy a Squarespace-vel), de nagyszerű módja annak, hogy tapasztalatokat szerezzen a HTML/CSS/JS-ről és a webhely minden eleméről. Ez a wikiHow megmutatja, hogyan kell elkezdeni.
Lépések
1. lépés. Regisztráljon egy fiókot a GitHubon, ha még nem rendelkezik ilyennel
Mielőtt saját webhelyet hozhat létre a GitHub oldalain, létre kell hoznia egy fiókot a GitHubon. Ha már rendelkezik fiókkal a GitHub -on, feltétlenül jelentkezzen be. Mindkettő a jobb felső eszköztárból érhető el.
2. lépés. Hozzon létre egy tárházat a GitHubon.
Ne felejtse el elnevezni a lerakatot "[a GitHub felhasználóneve itt].github.io". Ezzel inicializálja a GitHub webhelyet.
1/2 módszer: Kódszerkesztő használata
1. lépés: Töltse le a GitHub asztalt, ha még nincs telepítve
A GitHub asztal telepítése olyan egyszerű, mint megnyitni a https://desktop.github.com/ oldalt, és rákattintani a nagy lila "Letöltés" gombra. Ezután futtassa a telepítőt. Erre azért van szükség, hogy a változtatásokat a tárházba vigye.
2. lépés: Telepítsen egy kódszerkesztőt
Szüksége van rá, hogy szintaxis kiemelést kapjon a GitHubon. A népszerű lehetőségek közé tartozik az Atom, a Visual Studio Code, a Sublime Text és a Notepad ++, tekintettel azok gazdag és minimalista hangulatára. A kódszerkesztő telepítése után készen áll a kezdésre.
3. Hozzon létre egy "index.html" nevű fájlt
Ezt megteheti a kódszerkesztőben vagy online. Lépjen a tároló helyére a merevlemezen, és hozzon létre egy "index.html" fájlt a tároló mappájában a meghajtón.
4. lépés. Adja hozzá a HTML -t
Ahhoz, hogy egy alap weboldalt kódolni tudjon, meg kell tanulnia a HTML -t. Ezenkívül hasznos lesz megtanulni a CSS -t és a JavaScriptet, hogy stílusot és funkcionalitást adhasson a weboldalához.
Ne felejtse el menteni a fájlt
5. lépés. Végezze el a változtatásokat
Menjen vissza a GitHub asztalra, és kattintson a kék Commit to master gombra. Ezután kattintson a Push Origin elemre. Ez feltölti a módosításokat a GitHub -ra.
Ha további módosításokat tervez, akkor az eredetet is le kell húznia. Kattintson a GitHub asztalon található Húzza az eredetet gombra a legújabb véglegesítés letöltéséhez a számítógépre
6. lépés. Tekintse meg weboldalát
Nyissa meg a "[GitHub -felhasználónevét itt].github.io" böngészőben. Előfordulhat, hogy meg kell kerülnie a böngésző gyorsítótárát a Ctrl vagy a ⌘ Command gomb lenyomásával, miközben a frissítés gombra kattint, hogy megtekintse az új weboldalt.
2. módszer a 2 -ből: A GitHub Online használata
1. lépés. Hozzon létre egy "index.html" nevű fájlt
Kattintson a Fájl hozzáadása, majd az Új fájl létrehozása gombra. Ez megnyit egy fájlszerkesztőt. Adja hozzá az "index.html" fájlt a "Fájl neve" mezőhöz.
2. lépés. Adja hozzá a HTML -t
Ahhoz, hogy egy alap weboldalt kódolni tudjon, meg kell tanulnia a HTML -t. Ezenkívül hasznos lesz megtanulni a CSS -t és a JavaScriptet, hogy stílusot és funkcionalitást adhasson a weboldalához.
Ne felejtse el menteni a fájlt
3. lépés. Végezze el a változtatásokat
Kattintson a zöld Commit new file gombra, és mentse a fájlt a GitHub -ba.
4. lépés. Tekintse meg weboldalát
Nyissa meg a "[GitHub -felhasználónevét itt].github.io" böngészőben. Előfordulhat, hogy meg kell kerülnie a böngésző gyorsítótárát a Ctrl vagy a ⌘ Command gomb lenyomásával, miközben a frissítés gombra kattint, hogy megtekintse az új weboldalt.
Tippek
- Aloldalak hozzáadásához egyszerűen hozzon létre egy új mappát a GitHub -on, és adjon hozzá egy "index.html" fájlt a mappához.
- Ha regisztrál egy tartománynevet, akkor a GitHub Pages használhatja ezt a tartománynevet az alapértelmezett helyett.
- A GitHub oldalakat tároló nyilvánosnak kell lennie, kivéve, ha rendelkezik prémium fiókkal.