GitHub Pages - бул жеке сайтыңызды нөлдөн баштап жасоонун эң сонун жолу. Бул толугу менен бекер жана бир гана GitHub эсебин талап кылат. Эскерте кетчү нерсе, GitHub Pages веб-сайттарды түзүү үчүн эң ыңгайлуу дизайнды сунуштабайт (Wix же Squarespaceтен айырмаланып), бирок бул HTML/CSS/JS жана веб-сайттын бардык элементтери менен тажрыйба топтоонун эң сонун жолу. Бул wikiHow кантип баштоо керектигин көрсөтөт.
Кадамдар
Кадам 1. GitHubга каттоодон өтүңүз, эгер сизде азырынча жок болсо
GitHub баракчаларында өз веб -сайтыңызды түзүүдөн мурун, GitHubдан каттоо эсебин түзүшүңүз керек. Эгерде сизде GitHubда мурунтан эле каттоо эсебиңиз болсо, кирүүнү тактаңыз. Экөөнө тең жогорку оң панелден кирүүгө болот.
2-кадам. GitHubда репозиторий түзүңүз.
Репозиторийге "[сиздин GitHub колдонуучу ысымыңыз бул жерде].github.io" деп аталышын тактаңыз. Бул сиздин GitHub веб -сайтыңызды баштайт.
Метод 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 рабочийине кайтып келип, көк түстөгү Master to Master баскычын басыңыз. Андан кийин Push Origin баскычын чыкылдатыңыз. Бул өзгөртүүлөрдү GitHubга жүктөйт.
Эгерде сиз дагы өзгөртүүлөрдү киргизүүнү пландап жатсаңыз, анда анын түпкү тегин да тарткыңыз келет. GitHub столундагы Pull чыкылдатуу баскычын чыкылдатып, машинаңызга эң акыркы милдеттенмени жүктөп алыңыз
Кадам 6. Веб баракчаңызды караңыз
Веб -браузерде "[бул жерде сиздин GitHub колдонуучу атыңыз].github.io" ге өтүңүз. Сиз жаңы веб -баракчаны көрүү үчүн жаңыртуу баскычын чыкылдатып жатканда Ctrl же and Command басып, браузериңиздин кэшин айланып өтүүңүз керек болушу мүмкүн.
2дин 2 -ыкмасы: GitHub Online колдонуу
Кадам 1. "index.html" деп аталган файлды түзүңүз
Файл кошуу, анан Жаңы файл түзүү чыкылдатыңыз. Бул файл редакторун ачат. "Файлга ат коюу" талаасына "index.html" кошуңуз.
Кадам 2. HTML кошуу
Негизги веб -баракчаны коддоо үчүн HTML үйрөнүшүңүз керек болот. CSS жана JavaScriptти үйрөнүү сизге пайдалуу болот, андыктан веб -баракчаңызга стилдерди жана функцияларды кошо аласыз.
Файлды сактоону унутпаңыз
3 -кадам. Өзгөртүүлөрдү жасаңыз
Файлды GitHubга сактоо үчүн жашыл Commit new file баскычын чыкылдатыңыз.
Кадам 4. Веб баракчаңызды караңыз
Веб -браузерде "[бул жерде сиздин GitHub колдонуучу атыңыз].github.io" ге өтүңүз. Сиз жаңы веб -баракчаны көрүү үчүн жаңыртуу баскычын чыкылдатып жатканда Ctrl же and Command басып, браузериңиздин кэшин айланып өтүүңүз керек болушу мүмкүн.
Кеңештер
- Кошумча барактарды кошуу үчүн, GitHubдан жаңы папка түзүп, ал папкага "index.html" файлын кошуңуз.
- Эгер сиз домен атын каттасаңыз, анда GitHub Pages демейки ордуна ошол доменди колдоно аласыз.
- GitHub баракчаларынын репозиторийлери ачык болушу керек, эгер сизде премиум эсебиңиз болбосо.