# Бесплатный хост сайтов

## Хостинг: платно или дорого?

Хостинги часто стоят денег, пусть и небольших. Но не каждый готов тратиться. Как быть, если нужен хостинг для теста сайта?

#### GitHub Pages — хостинг без затрат

GitHub — не только для кода и репозиториев. С помощью **GitHub Pages** можно бесплатно разместить сайт и быстро проверить его в деле.

### Шаг 1: Создание репозитория

{% hint style="info" %}
Если у вас ещё нет аккаунта на GitHub, сейчас идеальный момент его создать.
{% endhint %}

Создайте новый репозиторий на GitHub. Помните: название репозитория напрямую влияет на URL вашего сайта. Например, репозиторий `my-site` будет доступен по адресу `https://<ваш-логин>.github.io/my-site`.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2FWvMRCEORDzSdP7cyy1pu%2Fimage.png?alt=media&#x26;token=cdfc849f-8dd6-4bdb-a2de-203a715a6f32" alt=""><figcaption></figcaption></figure>

Настоятельно советуем создать файл `ReadMe.md` — это упростит работу с проектом. Также обязательно выберите опцию **Public** при создании репозитория, иначе хостинг сайта через GitHub Pages не будет доступен.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2FjHsTHPmD4E60C8OmB1fX%2Fimage.png?alt=media&#x26;token=c00c52b2-d888-4b2b-8074-96c978a4bc22" alt=""><figcaption></figcaption></figure>

### Шаг 2: Настрока публикации сайта

После создания репозитория перейдите в **Settings**. В меню слева найдите вкладку **Pages** — там настраивается хостинг для вашего сайта.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2FkPoRYKSzlRyydxWBxAYc%2Fimage.png?alt=media&#x26;token=14d41417-00e1-4398-b5ee-36c15cb40f8b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2F4OpMTdhKCp9AGVgaSf0M%2Fimage.png?alt=media&#x26;token=8a9d3537-b3ba-459a-9ba9-3b2b3c62dc8d" alt=""><figcaption></figcaption></figure>

В разделе **Pages** вы увидите множество настроек, но сосредоточьтесь на подзаголовке **Branch**. \
Там выберите ветку, где лежит ваш сайт (по умолчанию стоит **None**). Установите **main** и нажмите **Save**, чтобы сохранить изменения.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2FNdRrEKjp9EqvRHmJnRvw%2Fimage.png?alt=media&#x26;token=967addf0-9062-448c-90cd-bc98ed18bc4e" alt=""><figcaption></figcaption></figure>

### Шаг 3: Ссылка на сайт

Вернитесь на главную страницу вкладки **Code**. В правой части находится описание репозитория — найдите там значок **шестерёнки** для доступа к настройкам.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2F5enUBGH2dQOftlc5bUDO%2Fimage.png?alt=media&#x26;token=bcc3b060-866d-4d4a-8458-6b176074259b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2FQlzBfOBvP7K0fj6fZ8Bb%2Fimage.png?alt=media&#x26;token=a18f75d0-9543-45f5-a5a0-ee5bc3af138c" alt=""><figcaption></figcaption></figure>

После нажатия на **шестерёнку** вы увидите поле для ввода описания репозитория. \
Рядом будет опция с галочкой:

* [ ] Use your GitHub Pages website

Поставьте галочку, чтобы показать ссылку на ваш сайт.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2F8xtFUWzo5E5iNEiCWqw6%2Fimage.png?alt=media&#x26;token=83ec2d5e-0ab7-4acb-9203-b7bdeb9e2a49" alt=""><figcaption></figcaption></figure>

### Шаг 4: Загрузка файлов

Загрузите файл сайта в репозиторий через интерфейс GitHub, перетащив его в раздел **Code**.

{% hint style="warning" %}
**Важно**: Главная страница сайта всегда должна называться **index.html**.
{% endhint %}

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2FfuvAKIZYS5IG1mR6oOGi%2Fimage.png?alt=media&#x26;token=a1520fac-9047-40f6-ae6b-ea3e53def18e" alt=""><figcaption></figcaption></figure>

### Шаг 5: У вас теперь есть сайт!

Примерно через минуту файл загрузится, и вы сможете перейти на сайт по ссылке в описании репозитория справа.

<figure><img src="https://2866069703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJsqE5UhDZkl39PNabEAu%2Fuploads%2Fzrl5zyqEu1cGkNFgFLbp%2Fimage.png?alt=media&#x26;token=349ed2ba-d741-4a86-9f87-244c9713d630" alt=""><figcaption></figcaption></figure>