October 12

Мануал №8 Залив вайтов, блеков и кло на хост

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

Настройка домена в Hestia:

1.После покупки хоста с панелью управления Hestia, вам выдадут ip адрес по которому нужно перейти, чтобы настроить наши домены, после перехода добавляем нового пользователя:

Рис 1 - Добавление нового пользователя Hestia

2.Придумываем имя пользователя, контактное лицо, электронную почту, пароль и жмем сохранить:

Рис 2 - Создание нового пользователя

3.После добавления пользователя, нам нужно нажать на вкладку WEB, чтобы перейти к добавлению доменов:

Рис 3 - Добавление домена

4.Далее после добавления нашего купленного домена, мы должны нажать на него, чтобы защитить наш сайт и чтобы он имел приписку https нужно установить галочки для SSl как на картинке:

Рис 4 - Привязка домена

Готово наш домен добавлен.

Залив вайта на домен

1.После добавления домена, переходим в файловую систему, нажав на иконку папки как на рисунке:

Рис 5 - Переход в файловую систему сервера

2.Далее переходим в папку web:

Рис 6 - Переход в корневую систему web

3.Далее находим наш добавленный домен и жмем на него:

Рис 7 - Папка нашего домена

4.Далее переходим в папку public_html:

Рис 8 - Папка public_html

5.Выделяем все что находится в папке нашего домена и жмем delete:

Рис 9 - Удаление ненужных файлов в нашем домене

6.Жмем Add files и загружаем наш вайт в zip архиве:

Рис 10 - Залив вайта в zip архиве

7.Напротив нашего вайта жмем на троеточие и выбираем unzip:

Рис 11 - Распаковка вайта

8.Должно получится подобное:

Рис 12 - Залитый вайт

Вот и все наш вайт залит.

Залив блека

Теперь рассмотрим залив блека к вайту. Для этого нам понадобится программа WinSCP(при установке тип интерфейса выбирайте проводник). Айпи, логин и пароль который нужно вводить, чтобы зайти на сервер вам должны были выдать при покупке сервера(хостинга). Итак, приступим:

1.После входа на сервер, мы должны перейти по следующему пути: корень>home:

Рис 13 - WinSCP

2.Далее переходим на созданного нами юзера:

Рис 14 - Выбор юзера на котором находятся наши домены

3.Далее переходим в web:

Рис 15 - Переход в папку web

4.Выбираем наш домен:

Рис 16 - Выбор домена

5.Далее переходим в папку public_html:

Рис 17 - Папка public_html

6.Здесь как мы видим, находится наш вайт, который мы заливали через hestia:

Рис 18 - Наш вайт в WinSCP

7.Далее нам нужно переименовать страницу вайта(index.html) на другое название, например на myhome.html:

Рис 19 - Переименование index.html на myhome.html

8.Далее мы должны загрузить файлы блека в ту же папку, где у нас находится вайт, просто перетащив из папки все файлы блека в WinSCP и нажать ОК:

Рис 20 - Залив Блэка к Вайту

9.Должно получится так (show.html это страница блэка):

Рис 21 - Залитый блек с вайтом

10.Далее нам нужно выдать права следующим файлам, для этого выделяем файлы как на рисунке и жмем ПКМ далее свойства:

Рис 22 - Свойства

11.И выдаем права как на рисунке:

Рис 23 - Выдача прав

12.Таким же образом нам нужно выдать и права для папки mycss:

Рис 23 - Выдача прав папке mycss

13.Далее переходим внутрь папки mycss и аналогичным способом выдаем все права для всех файлов что находятся внутри:

Рис 23 - Выдача прав файлам находящимся в папке mycss

14.Готово наш блек залит и настроен.

Залив кло

После залития блэка и вайта нам нужно залить кло:

1.Переходим на сайт для создания кло, мы рекомендуем сайт https://cloakit.pro/ru/, регистрируемся и покупаем тариф, жмем "+Create New":

Рис 24 - Главный экран сайта для создания кло

2.Вводим название нашего кло(это нужно для нас чтобы было понятно что за кло, поэтому можно давать названия какие захотите), далее вводим наш вайт пейдж, который мы переименовывали на myhome.html, и жмем под ним галочку Show Content, далее вводим страницу блэка, в нашем случае это был файлик show.html, и также ставим галочку Show Content, и переходим во вкладку Filters:

Рис 25 - Настройка кло

3.Здесь мы выставляем страну в которой мы хотим чтобы показывался наш блек, девайсы с которых будет показываться блек(в нашем случае только ПК) и рефер как на картинке:

Рис 26 - Настройка кло

4.Далее переходим в статус и ставим на паузу(это нужно чтобы была больше вероятность разбана в гадс, после разбана в гадс ставим галочку активна в редактировании данного кло):

Рис 27 - Настройка кло

4.Жмем Save и переходим на главную страницу, где жмем на кнопку скачать:

Рис 28 - Загрузка кло

5.Жмем кнопку Download Script:

Рис 29 - Загрузка кло

6.После этого у нас скачается файлик под названием index.php, который нужно загрузить к блэку и вайту следующим образом, перетянув в папку где находятся наш блэк и вайт:

Рис 30 - Загрузка кло на сервер

7.Готово наш кло загружен, в итоге у нас должно получится так:

Рис 31 - Готовый вариант залитого вайта, блека и кло

На этом мы закончили рассмотр залива вайта, блека и кло.