GitHub Pages- ը հիանալի միջոց է զրոյից ձեր անձնական կայքը պատրաստելու համար: Այն ամբողջովին անվճար է և պահանջում է միայն GitHub հաշիվ: Այնուամենայնիվ, նշեք, որ GitHub Pages- ը չի առաջարկում վեբ կայքերի պատրաստման համար առավել հարմարավետ դիզայն (ի տարբերություն Wix- ի կամ Squarespace- ի), բայց դա հիանալի միջոց է HTML/CSS/JS և վեբ կայքի բոլոր տարրերի հետ փորձ ձեռք բերելու համար: Այս wikiHow- ը ցույց կտա, թե ինչպես սկսել:
Քայլեր
Քայլ 1. Գրանցեք հաշիվ GitHub- ում, եթե դեռ չունեք:
Նախքան GitHub- ի էջերում ձեր սեփական կայքը ստեղծելը, դուք պետք է հաշիվ ստեղծեք GitHub- ում: Եթե արդեն ունեք հաշիվ GitHub- ում, համոզվեք, որ մուտք գործեք: Երկուսին էլ կարելի է մուտք գործել վերին աջ գործիքագոտուց:
Քայլ 2. Ստեղծեք պահեստ GitHub- ում:
Համոզվեք, որ անվանեք պահեստը «[ձեր GitHub օգտանունը այստեղ].github.io»: Սա կսկսի ձեր GitHub վեբ կայքը:
Մեթոդ 1 -ից 2 -ը ՝ Կոդի խմբագիր օգտագործելը
Քայլ 1. Ներբեռնեք GitHub աշխատասեղանը, եթե այն արդեն տեղադրված չէ:
GitHub աշխատասեղանի տեղադրումը նույնքան պարզ է, որքան գնալ https://desktop.github.com/ և կտտացնելով մեծ մանուշակագույն «Ներբեռնում» կոճակին: Այնուհետեւ գործարկեք տեղադրիչը: Սա անհրաժեշտ է, որպեսզի ձեր պահեստում փոփոխություններ կատարվեն:
Քայլ 2. Տեղադրեք կոդերի խմբագիր:
Ձեզ հարկավոր է մեկը GitHub- ում շարահյուսության կարևորություն ստանալու համար: Հանրաճանաչ ընտրանքները ներառում են Atom, Visual Studio Code, Sublime Text և Notepad ++ ՝ հաշվի առնելով դրանց առանձնահատկություններով հարուստ և մինիմալիստական զգացողությունը: Կոդի խմբագիր տեղադրելուց հետո դուք պատրաստ եք սկսել:
Քայլ 3. Ստեղծեք «index.html» անունով ֆայլ:
Դուք կարող եք դա անել ձեր կոդի խմբագրիչում կամ առցանց: Կարող եք նաև գնալ ձեր պահեստի գտնվելու վայրը ձեր կոշտ սկավառակի վրա և ստեղծել «index.html» ֆայլը ձեր սկավառակի պահեստի պանակում:
Քայլ 4. Ավելացրեք ձեր HTML- ը:
Դուք պետք է սովորեք HTML, որպեսզի կարողանաք կոդավորել հիմնական վեբ էջը: Ձեզ համար օգտակար կլինի նաև սովորել CSS և JavaScript, որպեսզի կարողանաք ոճավորում և ֆունկցիոնալություն ավելացնել ձեր վեբ էջին:
Հիշեք, որ ֆայլը պահեք:
Քայլ 5. Կատարեք փոփոխությունները:
Վերադարձեք GitHub աշխատասեղան և կտտացրեք կապույտ Commit to master կոճակին: Այնուհետեւ կտտացրեք Push Origin- ին: Փոփոխությունները կբեռնվեն GitHub- ում:
Եթե նախատեսում եք ավելի շատ փոփոխություններ կատարել, կցանկանաք նաև քաշել ծագումը: Կտտացրեք GitHub աշխատասեղանին քաշեք ծագման կոճակին ՝ ձեր սարքին վերջին պարտավորությունը ներբեռնելու համար:
Քայլ 6. Դիտեք ձեր կայքը:
Գնացեք «[ձեր GitHub օգտանունը այստեղ].github.io» վեբ դիտարկիչում: Հնարավոր է ՝ ձեզ անհրաժեշտ լինի շրջանցել ձեր դիտարկիչի քեշը ՝ Ctrl կամ ⌘ Command պահելով ՝ նոր վեբ էջը դիտելու համար սեղմելով թարմացման կոճակը:
Մեթոդ 2 -ից 2 -ը ՝ GitHub Online- ի օգտագործումը
Քայլ 1. Ստեղծեք ֆայլ «index.html» անունով:
Կտտացրեք Ավելացնել ֆայլ, այնուհետև կտտացրեք Ստեղծել նոր ֆայլ: Սա կբացի ֆայլի խմբագիր: Ավելացրեք «index.html» «Անվանեք ձեր ֆայլին» դաշտին:
Քայլ 2. Ավելացրեք ձեր HTML- ը:
Դուք պետք է սովորեք HTML, որպեսզի կարողանաք կոդավորել հիմնական վեբ էջը: Ձեզ համար օգտակար կլինի նաև սովորել CSS և JavaScript, որպեսզի կարողանաք ոճավորում և ֆունկցիոնալություն ավելացնել ձեր վեբ էջին:
Հիշեք, որ ֆայլը պահեք:
Քայլ 3. Կատարեք փոփոխությունները:
Կտտացրեք «Կատարել նոր ֆայլ» կանաչ կոճակին ՝ ֆայլը GitHub- ում պահելու համար:
Քայլ 4. Դիտեք ձեր կայքը:
Գնացեք «[ձեր GitHub օգտանունը այստեղ].github.io» վեբ դիտարկիչում: Հնարավոր է ՝ ձեզ անհրաժեշտ լինի շրջանցել ձեր դիտարկիչի քեշը ՝ Ctrl կամ ⌘ Command պահելով ՝ նոր վեբ էջը դիտելու համար սեղմելով թարմացման կոճակը:
Խորհուրդներ
- Ենթէջեր ավելացնելու համար պարզապես ստեղծեք նոր թղթապանակ GitHub- ում և «index.html» ֆայլ ավելացրեք այդ պանակում:
- Եթե գրանցում եք տիրույթի անուն, կարող եք GitHub Pages- ին օգտագործել այդ տիրույթի անունը կանխադրվածի փոխարեն:
- GitHub էջերի պահոցները պետք է լինեն հանրային, եթե չունեք պրեմիում հաշիվ:
