Полная инструкция по созданию сайта на CMS Ghost. Часть 1. Установка и настройка на облачном сервере.

Это статья из трех частей - полная инструкция, которая поможет тебе сделать блог на CMS Ghost.


6 минуты на чтение

В сети, для создания своего блога или корпоративного медиа сайта, огромной популярностью пользуется Wordpress, но это далеко не единственная система по управлению контентом сайта (CMS) и сейчас я расскажу о существовании очень шустрой CMS Ghost (в создании которой, к слову, поучаствовали разработчики Wordpress) . И именно этот сайт сделан на CMS Ghost.

Содержание статьи:

1 Кому может пригодится GHOST?
2 Устанавливаем GHOST за 20 минут
• Получи 100$ на 60 дней в DigitalOcean
3 Настраиваем доступ к сайту через терминал
4 Наконец-то ты можешь зайти на сайт!

Данная инструкция по установке и настройке блога на Ghost, будет разбита на три части:

1 часть - расскажу, как установить сайт на облачный сервер.

2 часть - покажу, как  настроить внешний вид твоего блога.

3 часть - дам общие рекомендации по оптимизации сайта, а также постингу и содержанию статей.

Кому может пригодится GHOST?

Ghost - это не просто блог. Это полноценное медиа издание, в котором можно сделать закрытый клуб ваших подписчиков с месячной и годовой подпиской. (аналог этого - Patreon).

Сравнение платных подписок с популярными платформами медиа изданий
Пример того, как может выглядеть страница подписки. (Можешь посмотреть тут)

Ghost подойдёт всем тем, кто создаёт контент (причем неважно какой это контент - это может быть видео, аудио, текстовой формат... всё что угодно), а именно:

  • Блогерам и контент-креэйторам;
  • Предпринимателям, кому есть что рассказать;
  • Некоммерческим организациям;
  • Крупным медиа-изданиям.

Перечислю несколько преимуществ данной CMS:

  • Бесплатная;
  • Быстрая установка и минимальное количество предварительных настроек;
  • Имеет оптимизацию в SEO (уже настроены AMP и Турбо-страницы);
  • Быстрая скорость загрузки страницы в отличии от других CMS;
  • Простота в использовании;
  • Имеет огромное количество интеграций с другими сервисами.
Сравнение CMS Ghost и Wordpress
Как видно с графика - Ghost не так популярен, как Wordpress, но удачно используется там, где огромный поток трафика на сайт.

Крупные компании используют Ghost для своих корпоративных медиа и среди таких компаний есть NASA, Apple, Mozilla и др.

Кто использует CMS Ghost
Список компаний явно внушающий доверие.

Ghost - это некоммерческий open-source проект, но  распространяется он по двум тарифам:

Платный тариф

Вы платите только за аренду сервера и дискового пространства у самих разработчиков проекта. При этом все настройки, включая настройки CDN (оптимизирует загрузку ресурсов вашего сайта) включены в стоимость. Начальная цена от 29$, что в наших реалиях дороже, чем хотелось бы. И именно поэтому мы будем использовать бесплатную версию.

Бесплатный тариф

Мы самостоятельно скачиваем проект и устанавливаем его на любом облачном сервере. В таком случае, все сопутствующие настройки сервера нужно будет делать самостоятельно, но есть сервисы, которые предоставляют уже готовые серверные решения именно под Ghost.

Устанавливаем GHOST за 20 минут

Ghost написана на Node.js и требует небольших настроек MySQL и Nginx сервера, но этот шаг можно просто пропустить если воспользоваться заранее сконфигурируемым дроплетом от DigitalOcean.

Обязательно переходи по этой ссылке, тут ты получишь 100$ на 60 дней. Позволит тебе протестировать функционал DigitalOcean и Ghost, чтобы окончательно определиться с выбором.

Процесс регистрации прост, но у многих могут возникнуть проблемы. Давай быстро пройдёмся по шагам регистрации.

Для начала нужно будет зарегистрироваться в DigitalOcean и после, подтвердить регистрацию в письме, которое придёт на указанную тобой почту.

Затем нужно будет привязать свою дебетовую/кредитную карту или Paypal, если он есть и подтвердить свой профиль - паспорт или водительское удостоверение. Так они борются  со спамерами, так что ничего страшного в этом нет.

Могут возникнуть проблемы с идентификацией - нужно будет с телефона сделать фотографии в режиме синхронизации с ПК. У кого на телефоне будет выдавать ошибки при отправке фото - воспользуйтесь VPN, это поможет.

После всех необходимых проверок по идентификации профиля, нужно будет создать план и настроить дроплет, как показано на фото ниже.

В графе "Choose an image" перейди на вкладу "Marketplace" и в строке поиска введи "Ghost", а затем выбери образ "Ghost on Ubuntu 18.04".

Стандартно, DigitalOcean будет предлагать тебе план за 40$/месяц, но если прокрутить влево, то можно будет самому выбрать план за 5$/месяц - при этом, конфигурации будет более чем достаточно: 1 Гб оперативной памяти; 1 CPU; 25 Гб на диске SSD.

Датацентр рекомендую выбирать тот, который будет ближе к вашем клиентам. Для России оптимальным выбором будут Амстердам, Лондон и Франкфурт. Мой выбор пал на Амстердам.  

Так же не забудь включить дополнительные опции в "Select additional options" - IP6 (даёт возможность доступа по этой версии сетей) и Monitoring (активирует возможность мониторинга за разнообразными показаниями сервера и сайта). Они бесплатны.

Обязательно включаем автоматические бэкапы (стоит 1$/месяц) - в случае каких-либо проблем с сайтом, именно бэкап вас выручит и позволит быстро восстановить сервер и его настройки.

После всех необходимых настроек, жми на "Create Droplet" - дальше сервер сам произведет все необходимые действия. Когда настройка будет завершена, нужно будет перейти в проект и скопировать IP4 адресс твоего сервера, что внести его в A-запись DNS домена (вносить нужно там, где регистрировал домен. Кабинеты у них у всех разные, поэтому за подробной информацией, лучше обращайся к своему регистратору домена).

Настраиваем доступ к сайту через терминал

Установка на сервер завершена, теперь тебе необходимо настроить непосредственно сам Ghost и сделать это нужно через терминал.

Для этого скачай и установи PuTTY (актуально для Windows. Если у тебя другая система, используй любую другую аналогичную программу).

После установки, тебе нужно будет сгенерировать приватный ключ SSH - для этого открой PuTTY Key Generator и жми "Generate" (для генерации ключа, нужно поводить мышкой по экрану 😀).

Затем заполни "Key passphrase" (любой пароль, на твоё усмотрение).

Выдели и скопируй весь приватный ключ (учти, что поле большое и нужно ещё немного проскролить вниз) - этот ключ нужно будет вставить в дроплет сервера DigitalOcean чуть позже. Перед закрытием PuTTY, не забудь обязательно сохранить приватный ключ на свой диск: File - Save Private Key.

Возвращайся в DigitalOcean и переходи в пункт меню Settings - Security и жми кнопку Add SHH Key. В появившемся окне вставляем заранее скопированный приватный ключ SHH (тот, что генерировали в PuTTY) и жми добавить.

Когда ключ SHH  добавлен в Digital Ocean, настраивай соединение в самом PuTTY.

В PuTTY, в поле Host Name - вставляй IP из дроплета DigitalOcean (смотри фото ниже). Port оставь тайкой же: 22.

Потом в PuTTY переходи на вкладку SSH - Auth и в поле "Private key file...", открой сохраненный приватный ключ (который ты генерировал ранее, сверху по тексту).

Во вкладке "Connection" - "Data" , в поле Auto-login username - укажи root (чтобы каждый раз не вводить логин).

Вот ты и закончил настройку PuTTY, но чтобы не приходилось заново повторять всё вновь, не забудь сохранить эту сессию - зайди на вкладку "Session", в поле Saved Sessions пиши имя и жми Save и Open

Откроется заветный терминал и попросит ввести фразу-пароль (её ты вводил при генерации приватного ключа).

После сборки сайта, терминал попросит ввести url сайта (в моём случае это budaev.digital) и через 1-2 минуты настройки полностью будут завершены и ты наконец сможешь перейти по указанному домену сайта.

Наконец-то ты можешь зайти на сайт!

Вот так выглядит стандартная тема Ghost:

Переходи в админ панель сайта (расположен https://*твой домен*/ghost). Там тебя будет ждать приветственный экран по созданию аккаунта - там всё стандартно. Последний третий экран можно просто пропустить, а можно сразу добавить дополнительных автором в блог.

На этом первая часть завершена - сайт полностью установлен и готов к работе!

Во второй части этой инструкции, обсудим возможность кастомизации - найдём и поменяем тему сайта, а также настроим её под себя.

Вверх

🎉 You've successfully subscribed to Budaev Digital!
OK