Proweb-блог
January 17, 2019

GitHub как хостинг

Если ваш сайт — это статические HTML/CSS/JS-страницы, то необязательно приобретать хостинг, для этого у вас может быть аккаунт на GitHub.

Шаг 1. Регистрация

При входе на GitHub вам нужно будет пройти регистрацию:

  1. Вводите свой никнейм/имя (что бы не было в дальнейшем проблем с названием сайта, никнейм или имя вводим без участия таких слов как .github и .io)
  2. Вводите свой E-mail
  3. Вводите придуманный для этого сайта пароль
  4. Жмёте на кнопку «Sign up for GitHub»

Шаг 2. Проверка на робота

Проходите проверку на робота:

  1. Нажимаете «Готово»
  2. Нажимаете «Create an account»

Шаг 3. Выберите свой план

Определитесь с тем какой план вы выберете для себя (изначально лучше выбрать бесплатный план, в дальнейшем это можно будет поменять)

  1. Галочку можно не ставить, для начала это нам не понадобится
  2. Галочку можно поставить если хотите быть в центре событий связанных с GitHub
  3. Нажимаем «Продолжить» и идём дальше

Шаг 4. Ответы на вопросы

Дальше вам нужно будет ответить на некоторые вопросы (не обязательно) с вариантами ответов. Если вы решили ответить:

  1. Жмём «Submit»

Если решили не отвечать и пропустить вопросы:

2. Жмём «skip this step»

Шаг 5. Главное меню

Мы прошли регистрацию и теперь мы в главном меню. Нам нужно создать новый репозиторий (хранилище — место, где хранятся и поддерживаются какие-либо данные. Чаще всего данные в репозитории хранятся в виде файлов, доступных для дальнейшего распространения по сети.).

  1. Жмём на ссылку «Create a repository»

Шаг 6. Верификация

Верификация это процесс или акт подтверждения подлинности данных. В интернете верификация используется, как правило, для того, чтобы подтвердить (верифицировать) личность владельца учётной записи на том или ином сайте. Для того что бы пройти верификацию, вам необходимо будет перейти на почту того email-адреса который вы указали.

Шаг 7. Подтверждение

Зайдя к себе на почту вы увидите новое письмо от GitHub, в письме вам предложат до конца верифицировать свой аккаунт:

  1. Для этого жмём «Verify email address» и переходим в главное меню GitHub уже как пройденный проверку аккаунт.

Шаг 8. Создание нового репозитория

В главном меню снова (как говорилось в «Шаг 5.») жмём на ссылку «Create a repository».

Теперь нам нужно заполнить параметры нового репозитория:

  1. Важно, чтобы название репозитория было в виде «username.github.io», где username — имя вашего аккаунта на GitHub. В нашем примере это будет «prowebuzb.github.io».
  2. Обязательно установим галочку на «Initialize this repository with a README».
  3. А затем нажмём кнопку «Create repository».

Форма создания репозитория

Шаг 9. Загрузка файлов

Репозиторий создан, теперь нужно загрузить файлы. Для этого необязательно клонировать репозиторий к себе на компьютер, можно воспользоваться интерфейсом GitHub.

  1. Давайте нажмём кнопку «Upload files».

Интерфейс репозитория в GitHub

2. Затем перетащим файлы в появившееся поле для загрузки или нажимаем на ссылку «choose your files» и через проводник ищем нужный нам файл.

Интерфейс загрузки файлов в репозиторий GitHub

3. Добавим комментарий к нашему «Commit changes»

4. И нажимаем кнопку «Commit changes».

Загрузка файлов в репозиторий

Готово! Файлы загружены в репозиторий.

Шаг 10. Проверка работы сайта

Чтобы проверить работу сайта, достаточно перейти по адресу username.github.io, в нашем случае это prowebuzb.github.io. Вуаля!

Сайт работает!

Подключаем свой домен

GitHub позволяет использовать собственное доменное имя вместо стандартного username.github.io. Для этого, разумеется, вам сначала нужно приобрести его. Но это уже отдельная история.

Подписывайтесь на наши каналы:

  • Proweb-блог - в данном канале мы даём советы для начинающих веб-программистов, делимся своим опытом, раскрываем полезные инсайты и отвечаем на распространенные вопросы в этой сфере.
  • Школа PROWEB - данный канал о нашем учебном центре. В нём мы будем делиться успехами студентов, опытом наших преподавателей, а также объявлять об акциях и скидках.
  • Шаблоны сайтов - канал на котором будут размещаться бесплатные шаблоны, которые можно легко отредактировать и использовать для вашего сайта.
  • PSD макеты сайтов - канал в котором вы найдете для себя много современных, дизайнерских PSD-макетов для вашего сайта.
  • Мотивация - в данном канале мы делимся мотивацией, историями из жизни многих людей, стараемся побудить человека к действию и сделать его счастливым.