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 жұмыс үстеліне қайта оралыңыз және көкке «Мастер болуға міндеттеме» түймесін басыңыз. Содан кейін Push Origin түймесін басыңыз. Бұл өзгерістерді GitHub -қа жүктейді.
Егер сіз көбірек өзгерістер енгізуді жоспарласаңыз, оның шығу тегі туралы да айтқыңыз келеді. GitHub жұмыс үстеліндегі компьютерден соңғы міндеттемені жүктеу үшін Pull Orig түймесін басыңыз
Қадам 6. Веб -бетті қараңыз
Веб -шолғышта «[сіздің GitHub пайдаланушы аты].github.io» өтіңіз. Жаңа веб -бетті қарау үшін жаңарту түймесін басу кезінде Ctrl немесе and пәрменін ұстап тұрып, шолғыштың кэшін айналып өту қажет болуы мүмкін.
2 -ші әдіс 2: GitHub Online пайдалану
Қадам 1. «index.html» деп аталатын файл жасаңыз
Файл қосу түймесін, содан кейін Жаңа файл жасау түймесін басыңыз. Бұл файл редакторын ашады. «Файлға атау беру» өрісіне «index.html» қосыңыз.
2 -қадам. HTML қосыңыз
Негізгі веб -бетті кодтау үшін сізге HTML үйрену қажет. CSS пен JavaScript -ті үйрену сізге пайдалы болады, осылайша сіздің веб -бетіңізге сәндеу мен функционалдылық қосуға болады.
Файлды сақтауды ұмытпаңыз
3 -қадам. Өзгерістерді енгізіңіз
Файлды GitHub -қа сақтау үшін Жасыл жаңа файлды енгізу түймесін басыңыз.
Қадам 4. Веб -бетті қараңыз
Веб -шолғышта «[сіздің GitHub пайдаланушы аты].github.io» өтіңіз. Жаңа веб -бетті қарау үшін жаңарту түймесін басу кезінде Ctrl немесе and пәрменін басып тұрып, шолғыштың кэшін айналып өту қажет болуы мүмкін.
Кеңестер
- Ішкі беттерді қосу үшін GitHub -да жаңа қалта жасаңыз және осы қалтаға «index.html» файлын қосыңыз.
- Егер сіз домендік атауды тіркейтін болсаңыз, GitHub беттеріне осы домендік атауды әдепкі орнына қолдануға рұқсат бере аласыз.
- Егер сізде премиум тіркелгі болмаса, GitHub беттерінің репозиторийлері ашық болуы керек.