- Полная инструкция по созданию сайта на CMS Ghost. Часть 1. Установка и настройка на облачном сервере.
- Кому может пригодится GHOST?
- Платный тариф
- Бесплатный тариф
- Устанавливаем GHOST за 20 минут
- 🚀 Понравилась статья? Подпишись!
- Настраиваем доступ к сайту через терминал
- Заходим на готовый сайт!
- Полная инструкция о том, как создать сайт Ghost. Часть 2. Изменение и настройка шаблона сайта.
- Скачивание и смена темы
- Настройки в админ панели сайта
- Работа с кодом сайта
- 🚀 Понравилась статья? Подпишись!
- Как перезагрузить сервер Ghost
- Настраиваем блок комментариев
- Создание и верстка страницы
- Настройка кнопок «Поделиться»
- Где брать иконки
- Настройка почтового сервера
Полная инструкция по созданию сайта на CMS Ghost. Часть 1. Установка и настройка на облачном сервере.
В сети, для создания своего блога или корпоративного медиа сайта, огромной популярностью пользуется WordPress, но это далеко не единственная система по управлению контентом сайта (CMS) и сейчас я расскажу о существовании очень шустрой CMS Ghost (в создании которой, к слову, поучаствовали разработчики WordPress) . И именно этот сайт сделан на CMS Ghost.
Данная инструкция по установке и настройке блога на Ghost, будет разбита на три части:
1 часть — расскажу, как установить сайт на облачный сервер.
2 часть — покажу, как настроить внешний вид твоего блога.
3 часть — дам общие рекомендации по оптимизации сайта, а также постингу и содержанию статей.
Кому может пригодится GHOST?
Ghost — это не просто блог. Это полноценное медиа издание, в котором можно сделать закрытый клуб ваших подписчиков с месячной и годовой подпиской. (аналог этого — Patreon).
Сравнение платных подписок с популярными платформами медиа изданий
Пример того, как может выглядеть страница подписки. (Можешь посмотреть тут)
Ghost подойдёт всем тем, кто создаёт контент (причем неважно какой это контент — это может быть видео, аудио, текстовой формат. всё что угодно), а именно:
- Блогерам и контент-креэйторам;
- Предпринимателям, кому есть что рассказать;
- Некоммерческим организациям;
- Крупным медиа-изданиям.
Перечислю несколько преимуществ данной CMS:
- Бесплатная;
- Быстрая установка и минимальное количество предварительных настроек;
- Имеет оптимизацию в SEO (уже настроены AMP и Турбо-страницы);
- Быстрая скорость загрузки страницы в отличии от других CMS;
- Простота в использовании;
- Имеет огромное количество интеграций с другими сервисами.
Как видно с графика — Ghost не так популярен, как WordPress, но удачно используется там, где огромный поток трафика на сайт.
Крупные компании используют Ghost для своих корпоративных медиа и среди таких компаний есть NASA, Apple, Mozilla и др.
Список компаний явно внушающий доверие.
Ghost — это некоммерческий open-source проект, но распространяется он по двум тарифам:
Платный тариф
Вы платите только за аренду сервера и дискового пространства у самих разработчиков проекта. При этом все настройки, включая настройки CDN (оптимизирует загрузку ресурсов вашего сайта) включены в стоимость. Начальная цена от 29$, что в наших реалиях дороже, чем хотелось бы. И именно поэтому мы будем использовать бесплатную версию.
Бесплатный тариф
Мы самостоятельно скачиваем проект и устанавливаем его на любом облачном сервере. В таком случае, все сопутствующие настройки сервера нужно будет делать самостоятельно, но есть сервисы, которые предоставляют уже готовые серверные решения именно под Ghost.
Устанавливаем GHOST за 20 минут
Ghost написана на Node.js и требует небольших настроек MySQL и Nginx сервера, но этот шаг можно просто пропустить если воспользоваться заранее сконфигурируемым дроплетом от DigitalOcean.
Процесс регистрации прост, но у многих могут возникнуть проблемы. Давай быстро пройдёмся по шагам регистрации.
Для начала нужно будет зарегистрироваться в DigitalOcean и после, подтвердить регистрацию в письме, которое придёт на указанную тобой почту.
Затем нужно будет привязать свою дебетовую/кредитную карту или Paypal, если он есть и подтвердить свой профиль — паспорт или водительское удостоверение. Так они борются со спамерами, так что ничего страшного в этом нет.
Могут возникнуть проблемы с идентификацией — нужно будет с телефона сделать фотографии в режиме синхронизации с ПК. У кого на телефоне будет выдавать ошибки при отправке фото — воспользуйтесь VPN, это поможет.
После всех необходимых проверок по идентификации профиля, нужно будет создать план и настроить дроплет, как показано на фото ниже.
В графе «Choose an image» перейди на вкладу «Marketplace» и в строке поиска введи «Ghost», а затем выбери образ «Ghost on Ubuntu 18.04».
Стандартно, DigitalOcean будет предлагать тебе план за 40$/месяц, но если прокрутить влево, то можно будет самому выбрать план за 5$/месяц — при этом, конфигурации будет более чем достаточно: 1 Гб оперативной памяти; 1 CPU; 25 Гб на диске SSD.
Датацентр рекомендую выбирать тот, который будет ближе к вашем клиентам. Для России оптимальным выбором будут Амстердам, Лондон и Франкфурт. Мой выбор пал на Амстердам.
🚀 Понравилась статья? Подпишись!
Готовлю для вас полезные письма, собираю новости из индустрии IT и Digital. Подписывайтесь на рассылку, не зря ж стараюсь!
Так же не забудь включить дополнительные опции в «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). Там тебя будет ждать приветственный экран по созданию аккаунта — там всё стандартно. Последний третий экран можно просто пропустить, а можно сразу добавить дополнительных автором в блог.
На этом первая часть завершена — сайт полностью установлен и готов к работе!
Во второй части этой инструкции, обсудим возможность кастомизации — найдём и поменяем тему сайта, а также настроим её под себя.
Источник
Полная инструкция о том, как создать сайт Ghost. Часть 2. Изменение и настройка шаблона сайта.
В первой части ты уже настроил сервер и установил Ghost на него, а в этой части гайда, ты разберешься с настройками темы сайта под себя.
Скачивание и смена темы
Для работы с шаблонами сайта тебе понадобится FTP клиент — нужен будет когда приступим к изменению файлов темы сайта (для виндовс рекомендую — FileZilla) , ну а терминал (PuTTY или аналог) для работы с сервером и перезагрузки сайта, ты уже установил в первой части.
Сам Ghost, при переходе во вкладку «Design» в админ панели, добродушно предлагает ознакомиться со списком официальных тем в маркетплейсе.
Не буду сейчас вдаваться в подробности каждой настройки в Ghost, будем с тобой разбираться по ходу пьесы — жми «Theme Marketplace».
Тут есть как платные, так и бесплатные темы — ищи ту, которая будет максимально четко выполнять задачи твоего блога.
Это не единственное место, где можно найти тему для Ghost, но это официальная площадка и все темы представленные здесь, абсолютно точно будут обновляться вместе с самим Ghost (что само по себе, снизит риск возникновения неприятных ошибок шаблона в будущем).
Вторым местом, где можно найти шаблон на любой вкус — Github (пристанище повелителей клавиш, кода и мышки 😀).
Просто введи в поиске «ghost theme» и выбирай понравившийся репозиторий. Они тут все бесплатные, но очень вероятно, что придётся её доделывать самостоятельно. И ещё — обращай внимание на последнюю дату обновления, тут есть шаблоны, которые не обновляли с 2015 года 🤷♂️.
Шаблон этого сайта на котором ты сейчас находишься взят именно с Github (называется simply). Мне он понравился больше всего, но выбирать все же тебе — можешь взять и с официального маркетплейса, принцип действия будет одинаков для всех тем.
Возвращайся в админ панель Ghost во вкладку «Design» и загружай архив темы, который ты скачал с Github, следом жми «Activate».
Вот так по новому теперь выглядит твой блог
Настройки в админ панели сайта
Теперь возвращайся в админ панель сайта — сделаем первоначальную настройку сайта.
Перейди во вкладку «General»:
Из фото, наверное понятно, что какое поле означает. Снизу есть графа локализации — попробуй поставить ru (по умолчанию стоит en), если локализация в выбранной тобой теме есть, то она будет переведена на русский язык.
По второму блоку настроек тоже всё понятно — логотип окна браузера, логотип на сайте и последнее (которое я убрал) обложка верхнего блока на главной странице сайта.
Следующий блок настроек отвечает за отображение твоего сайта в поиске (Meta data) и в соцсетях (Twitter card и Facebook card). При написание текстов тут, придерживайся рекомендаций — 70 символов для заголовка и 156 символов для описания.
Следующий блок отвечает за ссылки на соцсети и отключение сайта от индексации поисковыми системами (Make this site private — не рекомендую включать, даже если сайт вы только начали включать).
Из соцсетей здесь только две — FB и Twitter. Ниже в статье разберемся, как добавить остальные соцсети на сайт.
Переходим дальше по настройкам — жми на «Design».
Этот блок ты уже видел — он отвечает за меню на сайте.
Navigation — это главный блок меню твоего сайта, как, например, на фото ниже.
Secondary navigation — блок, который может располагаться где угодно, в зависимости от выбранной тобой темы. У меня от выключен.
Code injection — самое главное место сайта, где ты будешь настраивать сам код сайта, а также изменять его внешний вид. Сюда также добавим код аналитики сайта — Google Analytics и FB Pixel (можно и Яндекс Метрику, и любой другой код для отслеживания посетителей сайта). Ниже в статье, объясню и покажу как этим пользоваться.
Переходи в следующий блок настроек — Integrations.
Тут огромное количество приложений и сервисов, которые ты можешь привязать к своему сайту — начиная от настройки внутреннего поиска по сайту, заканчивая сложными настройками кросспостинга.
Дальше по списку самый важный пункт, из-за которого Ghost обожают — настройка интеграций и оплаты, закрытых/платных публикаций только для твоих подписчиков.
Чтобы включить эту возможность сбора подписчиков — включи «Enable members».
Connect to Stripe — отвечает за приём оплат по подписке. К сожалению, в России этот сервис не работает из-за сложности интеграции биллинговой системы, но ты не расстраивайся, мы с тобой найдём способ всё настроить.
Следующий пункт «Subscription pricing» — отвечает за установку стоимости месячной и годовой подписки, а также валюты, в которой будет проходить расчёт.
Следующий пункт — «Allow free member signup». Если включен, то разрешает бесплатно регистрировать подписчиков без ежемесячных или годовых оплат. Включи его сейчас — это нам понадобиться, когда ты будешь настраивать почтовый сервер для сбора подписчиков. Подробности будут ниже в этой статье.
Следующий пункт — «Default post access». Отвечает за то, какие настройки будут по умолчанию при написании и публикации статьи (это не принципиально, их можно поменять в момент публикации).
- Статья для всех;
- Статья только для подписчиков;
- Статья только для платных подписчиков.
Следующий пункт — «Email settings» нужен для настройки почтового сервера, пока пропустим его. Настраивать почтовый сервер ты будешь чуть позже, ниже в этой статье.
Следующий блок настроек — «Migration options». Нужен для импорта, экспорта или удаления всего контента. Когда у тебя уже будет довольно много статей, то рекомендую делать экспорт контента, при изменении чего-либо на сайте.
Следующий пункт — это бета функции Ghost. Смена темной/светлой темы в админ панели сайта, настройка редиректов (подробнее читай здесь) и настройка расположения по URL. Тебе это сейчас совсем не нужно, поэтому пропустим.
В самом низу находится кнопка для теста правильности настройки почтового сервера. Тебе пригодится дальше, запомни где она расположена.
С основными настройками разобрались. Теперь давай рассмотрим пункты при работе с публикациями.
Posts — место, где пишутся статьи и делятся на Drafts — черновики, Scheduled — отложенная публикация и Published — опубликованные.
Pages — страницы сайта. Это, например, страница «обо мне» или страница «подкасты», в общем, то, что можно вынести в главный пункт меню.
Tags — теги или метки статьи. Рекомендую ставить 1-2 штуки на статью. Рекомендую заполнять сразу (и не менять в дальнейшем), особенно Slug — это URL адрес метки.
Здесь же находятся внутренние метки, которые не отображаются на сайте — Internal tags. Например, ты хочешь, чтобы на странице «Подкасты» отображались только записи с тегом «подкасты» — они как раз для этого.
Следующий пункт — «Members». Показывает твоих подписчиков.
В самом начале, у тебя будет вот такой вид:
Но после настройки почтового сервера и первоначального теста — будет что-то вроде этого:
Следующий пункт — «Staff». Тут отображаются авторы статей и сотрудники.
Рекомендую сразу оформить свой профиль.
Работа с кодом сайта
Если ты настроил всё то, что было сверху, то должно получиться что-то типа этого:
Уже лучше! Мне нравится зеленый цвет, но синие плашки тегов к статьям, как-то выбиваются из цветовой схемы темы. Давай это исправим.
Для начала, давай посмотрим, что это за элемент такой (для этого жми правой кнопкой мыши — Исследовать элемент. Либо жми клавишу F12 — откроется консоль разработчика, вот там и будем искать нужный элемент):
Видим, что элемент имеет класс (class=»button button—primary button—xs») и называется .button—primary, а также имеет цвет #102b7b, а так же узнаём, где расположена таблица стилей — main.css.
🚀 Понравилась статья? Подпишись!
Готовлю для вас полезные письма, собираю новости из индустрии IT и Digital. Подписывайтесь на рассылку, не зря ж стараюсь!
Для замены этого файла, нам понадобится FileZilla (о котором речь была в самом начале этой статьи. Ссылка на скачивание — там же).
FileZilla настраивается очень просто.
Жми Файл-Менеджер сайтов. Откроется небольшое окошко настройки подключения.
В протоколе выбирай SFTP-SSH. Тип входа — запросить пароль. Пользователь — root.
Жми «Соединиться». Если всё сделано правильно, справа появятся корневая директория сервера.
Файл который тебе надо будет изменить, расположен вот по этому пути:
/var/www/ghost/content/themes/*название твоей темы*/assets/styles/main.css
Открываем его в обычном редакторе (не забудь скачать бэкап, на случай, если всё сломается) и видим вот такую картину.
Не спеши паниковать, всё проще, чем ты думаешь.
Воспользуемся поиском, чтобы найти нужный элемент в этом хаосе. Для этого жми Ctrl+F и в появившимся окне набирай нужный элемент — это может быть название .button—primary или его цвет #102b7b.
Меняем его на нужный тебе и если необходимо, изменяем другие элементы. Сохраняем. Загружаем файл на сервер и через командный терминал SHH перезапускаем сервер с Ghost.
Да, можно пойти простым путём и изменять все нужные элементы в разделе Code injection в самой CMS, но в таком случае будут лишние строчки кода и местами двойная отрисовка — оно тебе надо?!
Как перезагрузить сервер Ghost
Если не перезагрузить сервер, изменения не будут видны. Чтобы это сделать, нам понадобится терминал PuTTY
При заходе в терминал, первоначально отображается корневая директория сервера, но тебе нужно попасть в корневую директорию Ghost.
Чтобы это сделать введи:
Если ты всё сделал правильно, на экране отобразится вот это и через секунд 5 сервер перезагрузится.
Теперь заходи на сайт и смотри, что получилось после всех твоих манипуляций:
Ну лучше же, правда? 🙂
Настраиваем блок комментариев
В моей теме изначально встроена система комментариев Disqus и я хочу это исправить!
Почему не стоит ставить Disqus? Все просто — он нагружает твой сайт ненужными тебе запросами, отчего последний становится жутко медленным, да к тому же, собирает персональные данные твоих посетителей и продаёт их третьим лицам. и да, не забывай ещё о рекламе на бесплатном тарифе.
Мы ведь с тобой знаем, что это такое, правда?! 😁 (Ответ — !оволабеаН).
Я уже нашёл замену Disqus — это Graphcomment (перейти на их сайт).
Пример того, как выглядят комментарии на Графкоммент — мне нравится!
У Графкоммент много достоинств:
- присутствует элемент геймификации — пользователи получают бейджики и звания;
- поддержка адаптивной верстки;
- позволяет логинится с профилей соцсетей;
- он бесплатен и без рекламы (для 1млн. обращений в месяц — этого точно хватит);
- есть система антиспама;
- а так же куча других преимуществ.
Для его установки, можно просто воспользоваться тем кодом, который даётся на их сайте, для встраивания на твоём сайте, но в моём случае, у темы Simply была подготовлена площадка для Disqus — вот её то, я и буду сейчас менять.
Сейчас это выглядит следующим образом:
Прежде всего, надо узнать название блока, который отвечает за вывод комментариев.
Заходим в консоль разработчика и видим элемент под названием post-comments.
Воспользуемся FileZilla и найдём этот файл.
Post-comments расположен (в моём случае) в файле article-comments.hbs (*название темы*\partials\article).
Меняем всё это на тот код, который дал нам Графкомментс:
Мне ещё не понравилось, что комментарии расположены не так близко к концу статьи, а чуть ли не в самом подвале. Поэтому, я поменял местами блоки «article-related» и «article-comments» в файле post.hbs, который расположен в корневой папке темы Ghost.
Конкретно эти обозначения («article-related» и «article-comments») принадлежат к файлам темы и их у тебя может не быть.
Давай посмотрим, что получилось:
Ну круто же?! Если тебе нравится другой сервис комментариев, можешь встроить его, проблем возникнуть не должно.
В третьей части инструкции обсудим, как сделать так, чтобы комментарии к статьям были доступны только твоим подписчикам — мотивация к подписке. Я думаю, многим будет это полезным.
Создание и верстка страницы
А теперь займёмся версткой странички о себе любимом.
Для начала создай новую страничку (в админ панели Ghost на вкладке «Pages») и пропиши все блоки, которые хочешь видеть там — это будет выглядеть примерно вот так:
Внутри же, будут div блоки, к которым ты и будешь применять стили. Сами div блоки выглядят таким вот образом:
Но, если перейдешь на созданную страничку, то увидишь что-то типа этого:
Ничего непонятно? Что ж. это стандартная html верстка, но если ты не знаешь ничего о ней, то я попробую описать простыми словами, что значит каждый блок (ну а если и в таком случае ничего не поймешь — вот справочник по html. Переходи по ссылке и читай.):
В html нужно всегда обозначать закрывающий элемент —
В CSS (помнишь тот файлик main.css?) такие блоки будут вызываться следующим образом, например:
text-align — выравнивает текст внутри блока по центру Базовые элементы html
Этого для тебя пока будет более чем достаточно. Более подробно о том какие CSS стили можно применить к блокам читай тут.
Я написал стили к блокам на странице «Обо мне» и выложил их в Code Injection (переносить в main.css буду только тогда когда все стили будут готовы). Пример того как это выглядит, на фото:
Я надеюсь, что на верстке страницы ты не «застрянешь» надолго, поэтому переходим дальше к настройке сайта.
Настройка кнопок «Поделиться»
Изначально кнопки поделиться статьей всего три (да к тому же к ним не применилась локализация) — твитер, фейсбук, линкедин (он в РФ заблокирован, поэтому точно можно выбросить).
Через консоль разработчика (F12) находим главный блок в котором расположен этот элемент:
Это «post-header». В моём случаем он находится в файле article-header в папке *тема сайта*\partials\article.
Заодно сразу замечаем тот текст который нам нужно перевести: <
Вот главный блок который нужно добавить, чтобы появилась новая иконка на «Поделиться». Но откуда взять ссылку? Ниже приведу список ссылок на соцсети, которую нужно вставить в блок .
Параметры в квадратных скобках, нужно заменить на свои из темы.
Где брать иконки
Следующая проблема, которая возникает — откуда взять иконки для соцсетей и как их встроить в svg class.
Вот ссылка на сайт, где ты можешь скачать интересующую тебя иконку. После того, как её скачаешь открывай её в любом браузере и жми исследовать элемент (или F12).
Тебе нужно будет скопировать весь код начиная с в Code injection сайта и встроить его в тот код, который ниже (то, что написано на русском, заменяй кодом из своей иконки).
Если ты всё сделал правильно, у тебя получится примерно вот такой код в файле article-header:
А в итоге сам блок на сайте будет выглядеть следующим образом:
Можешь проделывать подобное с любыми иконками на сайте.
Настройка почтового сервера
Теперь переходим к самому главному — заставим работать почтовый сервер, чтобы у тебя на сайте работали подписчики.
В стандартных настройках, Ghost работает на встроенном Nodemailer (нужен для организации закрытого клуба — контент только для подписчиков, а также, чтобы собирать этих подписчиков по email и для рассылки почтовых сообщений), но по заверениям самих разработчиков, для более стабильной работы лучше использовать сторонний сервис — MailGun (сами разработчики советуют именно его).
Для начала потребуется зарегистрироваться в MailGun. У нас будет начальный тариф, позволяющий принимать/отсылать 5 тыс. сообщений бесплатно в течение 3 месяцев, потом тариф будет платный по 0,8$ за 1 тыс. писем — дешевле чашечки кофе. Мне подходит 😁.
Этот сервис стоит выбирать ещё и потому, что он позволит делать массовую рассылку писем. Только представь — вышла новая статья и сразу всем твоим подписчикам на рассылку приходит уведомление.
Постинг в соц.сети настраивать будем в 3 части этой инструкции, ну а пока вернемся к MailGun.
После регистрации, MailGun предлагает нам воспользоваться стандартным доменом sandbox, но нам нужен свой. Поэтому регистрируем новый домен в MailGun (Sending — Domains — (кнопка справа) Add New Domain).
В процессе регистрации, MailGun покажет настройки, которые нужно записать в DNS своего домена. Настройки будут примерно такие, как ниже на фото.
Вот что у меня получилось в DNS, на моём beget регистраторе домена.
После всех настроек DNS, нужно будет подождать от 1 минуты до 24 часов, пока пройдет верификация почтовым сервисом с вашим доменом. Если все сделано правильно, но верификация не появилась сразу — попробуй подождать сутки.
Уведомление о том, что верификация домена успешно пройдена в письме на почте.
Когда домен привязан — осталось сделать настройку самого Ghost.
Для этого создай пользователя в MailGun. Переходи на вкладку «Sending» — «Domain Settings» — «SMTP credentials» и жми на кнопку «New SMTP User». Тут нужно будет задать логин пользователя и скопировать пароль.
Когда пользователь в MailGun создан, открывай FileZilla и переходи в корневую папку Ghost — тебе нужен файл «config.production.json». Он расположен в корневой папке ghost «/var/www/ghost».
Добавь код в файл тот, что ниже, но измени места * такие * на свои.
- От кого письмо — например, Budaev Digital;
- — например, noreply@budaev.digital;
- User — логин, который задавал в SMTP credentials;
- Pass — пароль, который появлялся сверху слева и который надо было скопировать.
Вот это нужно записать в файл config.production.json. Слова со *-*(звёздочками) заменить на свои из MailGun
Когда работа с файлом проделана, сохраняй все и загружай на сервер. Следом, открывай PuTTY и перезагружай Ghost для обновления настроек.
Всё! Почтовый сервер должен работать! Пробуем ввести свою почту в подписках на сайте и.
. получаем заветное подтверждение подписки. Правда нужно будет делать локализацию письма, чтобы оно было на русском (это будет в 3-ей части), но если не критично, можешь оставить так.
P.S.
😊 Если ты дошёл до конца статьи и у тебя всё получилось — ты очень крут!
В 3 части инструкции обсудим:
- как работать с публикацией постов;
- как превратить Ghost в медиа с несколькими авторами;
- как привязать инструменты аналитики;
- как оптимизировать весь контент и улучшить скорость работы сайта;
- если есть что-то о чем бы ты хотел услышать в 3 части инструкции, пиши об этом в комментах.
Если эта инструкция тебе помогла, обязательно пиши об этом в комментариях — буду благодарен!
3 часть будет не скоро, возьму перерыв на сбор информации, да и другие проекты требует времени на их реализацию.
Источник