GitHub как хостинг для сайтов

Проекты бывают разного типа, это сложные системы с базами данных,  сервисы, разнообразные API. Так же есть простенькие, которые предполагают всего лишь несколько статичных страничек, например сайты визитки или портфолио. Для таких проектов можно не покупать виртуальный хостинг или VPS, просто за ненадобностью, ведь их можно просто выложить на замечательный сервис GitHub Pages. Об этом сейчас и пойдет речь.

Итак, у вас есть несколько свёрстанных страничек и вы хотите захостить их на GitHub. В моём случае это будет одна промо страничка организации по уборке снега, но суть от этого не меняется. Для того чтобы выложить статический сайт на GitHub нужно сделать три простых шага:

Зарегистрироваться на GitHub

Думаю этот шаг объяснять не нужно, тут всё довольно просто, переходите на сайт, регистрируетесь подтверждаете аккаунт и т.д. От себя могу добавить что лучше для каждого сайта создавать новый аккаунт, так как сервис требует создать репозиторий с названием username.github.io, где username это название вашего аккаунта на GitHub.

Создать новый репозиторий

1) Нужно добавить новый репозиторий в своем аккаунте GitHub. Для этого щёлкаем на плюсик в правом верхнем углу и выбираем new repository.

Создать новый репозиторий GitHub
Создать новый репозиторий GitHub

2) Вводим название нового репозитория. Как уже говорилось выше, вида username.github.io, где username это название вашего аккаунта на GitHub. В моём случае это sizovilya.github.io. Далее нажимаем кнопку Create repository.

Вводим название нового репозитория
Вводим название нового репозитория

3) Инициируем git в новой папке на своей машине. Конечно же сам git должен быть уже установлен. Для этого просто выполняем инструкции которые появились на экране:

Инструкции
Инструкции

В двух словах всё таки распишу. Создаём новую папку в удобном месте, я сейчас пользуюсь ОС Windows, поэтому просто создам новую папку на диске C, назову её sneg. Если вы пользуетесь другой ОС, то я думаю что вы без труда сможете создать новую папку и объяснять это не нужно. Далее переходим в эту папку с помощью консоли или терминала, для этого вводим команду:

 

переходим в папку
переходим в папку

Далее иницализируем git в папке, для этого вводим команду:

git init

 

Теперь копируем файлы нашего сайта(html странички) в эту папку, после этого, когда файлы уже в папке, добавляем их под контроль версий командой:

Проверяем что файлы добавлены под контроль версий командой:

 

Файлы под контролем версий
Файлы под контролем версий

Далее коммитим наш сайт в созданный на GitHub репозиторий, используя следующие команды(естественно нужно заменить ссылку на мой репозиторий ссылкой на ваш):

После последней команды вас попросят ввести в терминал логин и пароль, нужно ввести данные для входа на GitHub. Итак, ваш статический сайт-визитка уже на GitHub! Можете проверить, перейдя в свой репозиторий, в моём случае это https://github.com/sizovilya/sizovilya.github.io .

готовый репозиторий с файлами сайта на GitHub
готовый репозиторий с файлами сайта на GitHub

 Испытать чудо и почувствовать магию

Сайт стал доступен по ссылке username.github.io ! Просто перейдите по ней, в моём случае это http://sizovilya.github.io/ . Магия! Если не верите, скрин в подтверждение:

Сайт который хостится на GitHub Pages
Сайт который хостится на GitHub Pages

 

Вот собственно и всё! Теперь вы знаете как использовать преимущества бесплатного хостинга GitHub Pages. В следующей статье я расскажу как прикрепить домен к сайту на GitHub на примере Reg.ru. Хотя инструкция подойдёт для любого сервиса регистрации доменов. И да, надеюсь вы поняли что использовать GitHub как хостинг для сайтов очень просто!

Также можно почитать: