GitHub как хостинг для сайтов — Сизов Илья



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

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

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

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

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

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

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

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

Вводим название нового репозитория
  Настройки Sourcetree

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

Инструкции

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

cd c:/sneg
1
cd c:/sneg

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

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

git init
1
git init

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

git add .
1
git add .

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

git status
1
git status

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

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

git commit -m "first commit" git remote add origin https://github.com/sizovilya/sizovilya.github.io.git git push -u origin master
1
2
3
git commit m "first commit"
git remote add origin https://github.com/sizovilya/sizovilya.github.io.git
git push u origin master

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

готовый репозиторий с файлами сайта на GitHub
  Git - Настройка и конфигурация учетной записи

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

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

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


http://isizov.ru/github-kak-hosting-dlya-sajtov/

Губарь Маргарита Александровна