Привет-привет, в этой статье я расскажу тебе как и с чего начать делать свой сайт, поехали!
Сначала нам надо определиться, хочешь ли ты бесплатный или дешёвый сайт?
Дешёвый (BeGet):
Плюсы:
+ Дешёвый домен ( от 180 рублей / в год | BeGet).
+ Бесплатный хостинг на 1 ГБ.
+ Поддержка PHP, MySQL.
+ ∞ FTP-Аккаунтов.
+ Бесплатный SSL Сертификат (Let's Encrypt | CloudFlare).
+ 1 ГБ памяти. Можно создать сайт на GitHub Pages и туда загружать CSS сайта, видео, скрипты и т.д, а потом на хостинге сделать например это:
<script src="//example.github.io/index.js"></script>
Минусы:
-- Нагрузка на сайт 10 CP / в сутки. (при превышении нагрузки, вам отключают POST-запросы, и обновление страниц 10 минут (КЭШ) - НА 24 ЧАСА И БОЛЕЕ)
-- Техническая поддержка на бесплатном хостинге не оказывается.
Бесплатный (000webhost):
Плюсы:
+ Бесплатный домен ( .tk, .ga, .ml, .cf, .qa | Freenom).
+ Поддержка PHP, MySQL.
+ FTP-Аккаунты.
+ Бесплатный хостинг.
+ Бесплатный SSL Сертификат (CloudFlare).
Минусы:
-- Иноды до 10000.
-- Каждый год надо заходить на Freenom продлевать домен (вроде).
-- Ограниченное число FTP-Аккаунтов.
-- 300 МБ памяти. Можно создать сайт на GitHub Pages и туда загружать CSS сайта, видео, скрипты и т.д, а потом на хостинге сделать например это:
<script src="//example.github.io/index.js"></script>
Создаем сайт на дешевом хостинге:
И так, нам надо сначала зарегистрироваться на BeGet, переходим по этой ссылке - https://beget.com/ru/free-hosting.
После успешной регистрации заходим во вкладку CMS:
Далее выбираем любой CMS, в моем случае WordPress.
Желательно все поля заполнить, например пароль от БД и т.д.
Сайт готов! Переходим по ВАШ-ЛОГИН.beget.tech/wp-admin и Вуаля:
Дальше я уже перехожу на свой сайт, чтобы мне было удобнее.
Заходим в cp.beget.com, Домены и поддомены:
Дальше регистрируете сами. (ДЛЯ РЕГИСТРАЦИИ ДОМЕНА НУЖНЫ ПАСПОРТНЫЕ ДАННЫЕ!)
Допустим, мы уже зарегистрировали домен, теперь нам нужен SSL Сертификат! Советую вам использовать не Let's Encrypt, а CloudFlare.
Прежде чем что-то делать, заходим опять в админ панель WordPress. Все так же по ВАШ-ЛОГИН.beget.tech/wp-admin
Заходим в общие настройки.
В эти поля вписываем свой домен, который зарегистрировали! И только http, https не пишите!
Сохраняем, и теперь наша админка больше не доступна по ВАШ-ЛОГИН.beget.tech/wp-admin, она доступна по тому домену, который вы указали.
УСТАНОВКА SSL ОТ CLOUDFLARE:
Вот и подошли мы почти к финалу.
Переходим по cloudflare.com и регистрируемся
Как зарегистрировались, переходим по dash.cloudflare.com и добавляем сайт.
Вводим домен который зарегистрировали, нажимаем Add site.
Делаем то что делаю я, нажимаем Confirm plan.
После проверки DNS нам показывает список DNS-Записей, доходим до конца этого списка. и нажимаем на кнопку Continue.
Теперь нас просят заменить Нейм-Сервера BeGet на CloudFlare.
Переходим по cp.beget.com/dns и выбираем свой домен.
Нажимаем на Редактирование DNS-серверов и добавляем то, что указал CloudFlare.
abby.ns.cloudflare.com и julio.ns.cloudflare.com для всех стандартное! Нажимаем сохранить, переходим обратно в CloudFlare и жмем Done, check nameservers.
Выставляем все как на скриншоте. Жмем Done, спускаемся вниз и нажимаем на:
Теперь ожидаем пока Cloudflare найдет ns-записи которые мы вписали, возможно ждать надо 24 часа, в моем случае 15 минут, у всех по разному.
Отлично! SSL Сертификат и HTTPS есть!
Переходим в админку сайта, видим что наш сайт доступен по https, но это не все, потому-что WordPress выдает ошибку в здоровье сайта:
Хорошо, выбираем:
Нам надо установить эти плагины:
Ищем их, устанавливаем, переходим в Плагины > Установленные.
Активируем все эти плагины (Желательно первым активировать Flexible SSL for CloudFlare)
Переходим опять в основные настройки и меняем с http на https, если уже https, то ничего менять не нужно!
Переходим во вкладку Настройки > Cloudflare
Входим в аккаунт.
Вводим почту, и... Нам нужен Токен, нажимаем Get your API Key from here.
У нас открывается окно, переходим во вкладку API Tokens, и нажимаем Create Token.
Далее выбираем WordPress и жмем Use template.
Пролистываем вниз, нажимаем Continue to summary. Create Token.
Мы получили наш токен, копируем его, возвращаемся обратно в админку и вставляем его. Отлично, мы подключили CloudFlare к WordPress, нажимаем Apply тут:
Последнее что надо сделать, это - заменить http на https в файлах базы данных сайта! Заходим в Инструменты > Better Search Replace. выделяем все, включаем Без учета регистра? в поле Искать вписываем http, а в поле Заменить - https и нажимаем Запустить Поиск/Замену.
Все, ваш сайт готов :0
Как добавить поддомены?
В Cloudflare надо добавить A-запись с IPv4 - 185.50.25.15
Переходим во вкладку DNS (dash.cloudflare.com > Ваш домен).
Жмем + Add record, Выбираем Type A, IPv4 - 185.50.25.15, в поле Name пишем желанный поддомен.
Переходим в cp.beget.com/domains в поле ввода, вводим поддомен, например subdomain.example.su, выбираем снизу Направить домен на существующий сайт, и отмечаем директорию своего сайта.
Далее нам надо зайти в Файлы своего сайта, по sprutio.beget.com или через любой FTP Менеджер.
Ищем папку public_html, создаем в ней subdomains, в папке subdomains создаем еще одну папку с названием вашего поддомена.
Например путь до поддомена будет такой: .../public_html/subdomains/test/...
В корне public_html находим файл .htaccess, открываем его, и перед строчками записи Wordpress вставляем это:
RewriteEngine On
RewriteBase /
# поддомен
RewriteRule ^subdomains/поддомен/ - [L]
RewriteCond %{HTTP_HOST} (www.)?поддомен.chipollinoavgn-dev.su [NC]
RewriteRule (.*) subdomains/поддомен/$1 [L]
Слово поддомен заменяйте на название своего поддомена!
Отлично, теперь у вас есть subdomain.example.ru, да еще и с SSL Сертификатом! Это классно!
Создаем сайт на бесплатном хостигнге:
Регистрируемся на 000webhost.com, выбираем какой сайт хотим.
Готово, нас перекидывает в файловый менеджер, возвращаемся обратно на www.000webhost.com/members/website/list и выбираем наш сайт:
Справа в меню заходим в Tools > Set Web Address.
Переходим по www.freenom.com/ru, в поле ввода вводим домен который хотим зарегистрировать, есть ограничения на доменные зоны! (.tk, .ga, .cf, .qa, .ml), .ru, .com - будут платные, как и остальные!
вводим например example-yandex.cf (короткий или супер длинный домен нельзя вводить! короткий будет отмечен как СПЕЦИАЛЬНЫЙ, а длинный просто не будет работать).
Да, example-yandex.cf - свободен, нажимаем Оформить заказ.
Делайте все как я:
Отлично, далее вводим свою почту и проходим регистрацию...
В регистрации обязательно вводите свое имя и фамилию на английском, иначе последующие регистрации домена будут отклонены мгновенно.
Если по какой-то причине вас, после регистрации перекинуло на my.freenom.com, то просто повторите регистрацию домена еще раз, но уже по этой ссылке - my.freenom.com/domains.php
Отлично, мы зарегистрировали домен.
Далее нам нужно подождать где-то час, пока все заработает.
Пока идет регистрация, возвращаемся в CPanel нашего сайта, на ту страницу, где мы остановились.
Нажимаем + Add domain.
Выбираем Park domain, и нажимаем Next.
Вводим свой домен, нажимаем Park domain.
И где-то через пару минут на нашем сайте будет это:
Отлично, сайт готов, вы наверное спросите, а как же SSl?
Сейчас покажу.
УСТАНОВКА SSL ОТ CLOUDFLARE НА 000WEBHOST:
Установка аналогична установке на дешевый хостинг.
Делаем все как там, и опять, перед нами abby.ns.cloudflare.com и julio.ns.cloudflare.com.
Переходим по my.freenom.com/clientarea.php?action=domains, нажимаем Manage Domain.
Заходим во вкладку Management Tools, выбираем Nameservers.
И заменяем NS-записи на abby.ns.cloudflare.com и julio.ns.cloudflare.com
Дальше делаете все как сверху написано:
По какой-то причине Cloudflare просит уже другие указать нейм-сервера (возможно только у меня), если у вас также, указывайте те, которые просят.
SSL и HTTPS есть :0
ЗАКЛЮЧЕНИЕ
Создать сайт оказалось на так уж и сложно, и не нужно тратить много денег, если вы какая нибудь компания то не рекомендую брать эти способы за основу) Лучше найдите более подходящий хостинг под ваши услуги, посоветовать хороший хостинг не могу, только если BeGet и его платные тарифы)
Спасибо вам что прочитали мою статью, или что это, пост?) В любом случае, надеюсь я вам помог и вам понравилось) Творите и не останавливайтесь!
