GitHub как хостинг для сайтов
Проекты бывают разного типа, это сложные системы с базами данных, сервисы, разнообразные API. Так же есть простенькие, которые предполагают всего лишь несколько статичных страничек, например сайты визитки или портфолио. Для таких проектов можно не покупать виртуальный хостинг или VPS, просто за ненадобностью, ведь их можно просто выложить на замечательный сервис
Итак, у вас есть несколько свёрстанных страничек и вы хотите захостить их на GitHub. В моём случае это будет одна промо страничка организации по уборке снега, но суть от этого не меняется. Для того чтобы выложить статический сайт на GitHub нужно сделать три простых шага:
Зарегистрироваться на GitHub
Думаю этот шаг объяснять не нужно, тут всё довольно просто, переходите на сайт, регистрируетесь подтверждаете аккаунт и т.д. От себя могу добавить что лучше для каждого сайта создавать новый аккаунт, так как сервис требует создать репозиторий с названием username.github.io, где username это название вашего аккаунта на GitHub.
Создать новый репозиторий
1) Нужно добавить новый репозиторий в своем аккаунте GitHub. Для этого щёлкаем на плюсик в правом верхнем углу и выбираем new repository.
2) Вводим название нового репозитория. Как уже говорилось выше, вида username.github.io, где username это название вашего аккаунта на GitHub. В моём случае это sizovilya.github.io. Далее нажимаем кнопку Create repository.
3) Инициируем git в новой папке на своей машине. Конечно же сам git должен быть уже установлен. Для этого просто выполняем инструкции которые появились на экране:
В двух словах всё таки распишу. Создаём новую папку в удобном месте, я сейчас пользуюсь ОС Windows, поэтому просто создам новую папку на диске C, назову её sneg. Если вы пользуетесь другой ОС, то я думаю что вы без труда сможете создать новую папку и объяснять это не нужно. Далее переходим в эту папку с помощью консоли или терминала, для этого вводим команду:
cd c:/sneg
Далее иницализируем git в папке, для этого вводим команду:
git init
Теперь копируем файлы нашего сайта(html странички) в эту папку, после этого, когда файлы уже в папке, добавляем их под контроль версий командой:
git add .
Проверяем что файлы добавлены под контроль версий командой:
git status
Далее коммитим наш сайт в созданный на GitHub репозиторий, используя следующие команды(естественно нужно заменить ссылку на мой репозиторий ссылкой на ваш):
git commit -m "first commit"
git remote add origin
git push -u origin master
После последней команды вас попросят ввести в терминал логин и пароль, нужно ввести данные для входа на GitHub. Итак, ваш статический сайт-визитка уже на GitHub! Можете проверить, перейдя в свой репозиторий, в моём случае это
Испытать чудо и почувствовать магию
Сайт стал доступен по ссылке username.github.io ! Просто перейдите по ней, в моём случае это
Вот собственно и всё! Теперь вы знаете как использовать преимущества бесплатного хостинга GitHub Pages.
Проекты бывают разного типа, это сложные системы с базами данных, сервисы, разнообразные API. Так же есть простенькие, которые предполагают всего лишь несколько статичных страничек, например сайты визитки или портфолио. Для таких проектов можно не покупать виртуальный хостинг или VPS, просто за ненадобностью, ведь их можно просто выложить на замечательный сервис
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
. Об этом сейчас и пойдет речь.Итак, у вас есть несколько свёрстанных страничек и вы хотите захостить их на GitHub. В моём случае это будет одна промо страничка организации по уборке снега, но суть от этого не меняется. Для того чтобы выложить статический сайт на GitHub нужно сделать три простых шага:
Зарегистрироваться на GitHub
Думаю этот шаг объяснять не нужно, тут всё довольно просто, переходите на сайт, регистрируетесь подтверждаете аккаунт и т.д. От себя могу добавить что лучше для каждого сайта создавать новый аккаунт, так как сервис требует создать репозиторий с названием username.github.io, где username это название вашего аккаунта на GitHub.
Создать новый репозиторий
1) Нужно добавить новый репозиторий в своем аккаунте GitHub. Для этого щёлкаем на плюсик в правом верхнем углу и выбираем new repository.
2) Вводим название нового репозитория. Как уже говорилось выше, вида username.github.io, где username это название вашего аккаунта на GitHub. В моём случае это sizovilya.github.io. Далее нажимаем кнопку Create repository.
3) Инициируем git в новой папке на своей машине. Конечно же сам git должен быть уже установлен. Для этого просто выполняем инструкции которые появились на экране:
В двух словах всё таки распишу. Создаём новую папку в удобном месте, я сейчас пользуюсь ОС Windows, поэтому просто создам новую папку на диске C, назову её sneg. Если вы пользуетесь другой ОС, то я думаю что вы без труда сможете создать новую папку и объяснять это не нужно. Далее переходим в эту папку с помощью консоли или терминала, для этого вводим команду:
cd c:/sneg
Далее иницализируем git в папке, для этого вводим команду:
git init
Теперь копируем файлы нашего сайта(html странички) в эту папку, после этого, когда файлы уже в папке, добавляем их под контроль версий командой:
git add .
Проверяем что файлы добавлены под контроль версий командой:
git status
Далее коммитим наш сайт в созданный на GitHub репозиторий, используя следующие команды(естественно нужно заменить ссылку на мой репозиторий ссылкой на ваш):
git commit -m "first commit"
git remote add origin
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
git push -u origin master
После последней команды вас попросят ввести в терминал логин и пароль, нужно ввести данные для входа на GitHub. Итак, ваш статический сайт-визитка уже на GitHub! Можете проверить, перейдя в свой репозиторий, в моём случае это
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
.
Испытать чудо и почувствовать магию
Сайт стал доступен по ссылке username.github.io ! Просто перейдите по ней, в моём случае это
Пожалуйста,
Вход
или
Регистрация
для просмотра содержимого URL-адресов!
. Магия! Если не верите, скрин в подтверждение:
Вот собственно и всё! Теперь вы знаете как использовать преимущества бесплатного хостинга GitHub Pages.