Хостинг на github.io

GitHub надає безкоштовний хостинг для ваших проектів (GitHub Pages). На кожен ваш логін можна створити один сайт виду:


				https://ваш_логін.github.io

Цей сайт ви можете використовувати собі як портфоліо, викладати туди свої проекти, свою інформацію.

Свої лекції я також тримаю на цьому сервісі.

Даний хостинг не має бекенду - ви не можете використовувати базу даних, серверні скрипти та служби, зборщики і т.п. Лише фронтенд-частину: окремі веб-сторінки, стилі, зображення, документи, js-скрипти та JSON-файли.

Ви не можете створювати довільні піддомени на GitHub Pages, лише один піддомен на один аккаунт.

Назва репозиторія hello.github.io не призведе до створення відповідного сайту, якщо ваш логін не hello.

Практика по створенню хостинга на github.io

Отже, приступимо. Зайдіть на github.com, створіть новий проект (репозиторій), клацнувши по плюсику вгорі справа і задайте йому ім'я такого виду:


				ваш_логін.github.io


				// наприклад:

				poshtarboba.github.io

Перше слово - ваш логін (його ви можете побачити правіше - Owner). Далі йде крапка і домен github.io.

Згадаємо про самоорганізацію, щоб не втонути в купах папок і файлів будемо дотримуватися такої структури:


				D:\work\

				  2018-02\

				  2018-03\

				  2018-04\

				  github\

				    ваш_логін.github.io\

				    під-проект_1\

				    під-проект_2\

В папці work створіть папку github. В цій папці будете зберігати всі репозиторії, що викладатимете на гітхаб.

Перейдіть у цю папку і відкрийте консоль:


				D:\work\github>

Скопіюйте URL-адресу репозиторія і клонуйте його в цю папку (при цьому створиться підпапка з назвою репозиторія):


				git clone https://github.com/ваш_логін/ваш_логін.github.io.git

Створіть index.html (не забудьте про кодування UTF-8, якщо користуєтесь Notepad++):


				<meta charset="utf-8">

				<h1>Привіт. Це сайт і портфоліо Васі Пупкіна</h1>

				<p><a href="blog/index.html">мій блог</a></p>

				<p><a href="2010-hello/index.html">сайт Hello</a></p>

Створіть папку blog і всередині неї ще один index.html:


				<meta charset="utf-8">

				<h1>Тут буде блог Васі Пупкіна</h1>

Заляйте файл на GitHub:


				git add .

				git status

				git commit -m "hello github.io"

				git push

Зачекайте секунд 30-60 і спробуйте зайти на ваш новий сайт https://ваш_логін.github.io, поклацайте на посилання.