Как я сэкономил 20 тысяч рублей на движке Ghost, потратив 20 минут времени
Я долго искал движок с удобным редактором, чтобы собрать все свои проекты, заметки и контакты в одном месте. И искал редактор простой и понятный, в идеале как у Notion: с возможностью Markdown, загрузкой изображений прямо из буфера обмена и минималистичным интерфейсом.
И нашел идеальный движок для сайта-портфолио Ghost, но мне не понравилась цена — почти 25 тысяч рублей в год. Затем выяснил, что его можно поднять бесплатно на арендованном сервере, введя несколько команд в терминале. Делюсь пошаговой инструкцией, как это сделать.
Почему устарели WordPress, Эгея и остальные классические движки
Мои две главные претензии к популярным движкам это
- сложный админский интерфейс
- отсутствие wysiwyg-редактора
Чтобы написать короткий текст в Wordpress-е требуется куча телодвижений, нельзя просто открыть и начать писать. Когда движок предлагает вручную писать HTML-теги и по сто раз переключаются между превью и исходным кодом, заливать картинки на хостинг, а потом вставлять ссылки я чувствую боль.
Когда поработаешь в Notion, возвращаться к старым редакторам кажется такой же потерей в комфорте, как внезапно получить Nokia 5300 после большого экрана одиннадцатого айфона.
Что такое wysiwyg редактор и почему я готов работать только с ним
C какими требованиями я искал идеальный движок
- Держать контент на своем хостинге — сервисы закрываются (от narod.ru до google+), рано или поздно все становится недоступным, контент лучше держать у себя. Также я не хочу зависеть от правил и админов площадки: кейс или статью легко могут удалять по каким-то фейковым жалобам, как это происходит на Medium и LiveJournal
- Возможность подключить свой домен
- Минимум интерфейса — в идеале интерфейса CMS вообще не должно быть видно, админская панель не нужна, посты должны редактироваться, создаваться и просматриваться в одном месте
- Полноценный wysiwyg редактор — поддержка разметки Markdown и обработка её в реальном времени, подсветка кода, вставка картинок из буфера обмена
- Минималистичный внешний вид — я не хочу заниматься версткой и темами, подходящее оформление должно быть из коробки
Расскажу, с чем я сравнивал Ghost и как пришел к идее, хочу визитку именно на нем.
Notion — современный вариант Evernote
Я огромный фанат Notion. Это самый продвинутый инструмент для заметок, создания wiki, простых списков задач и многого другого.
В Notion можно работать командой, есть огромная библиотека шаблонов: таблицы, календари, галерея, даже списки наподобие Trello.
Notion можно превратить в движок для публичного блога, но к сожалению, для этого он плохо приспособлен. Да, вы можете опубликовать все страницы в интернет как обычный сайт, вот даже пример сайта на notion.
Но к нему нельзя прикрутить свой домен, перемещение по страницам выглядит странно, иногда они открываются в виде попапов, а не отдельных страниц.
Плюсы/минусы Notion:
✅ Идеальный редактор
✅ Умеет сложное форматирование
✅ Поддержка шаблонов страниц
❌ Нет self-hosted версии
❌ Плохо подходит для сайта
❌ Нельзя подключить свой домен
❌ Мусор в URL, нельзя задать адрес страницы самостоятельно
❌ Неудобная навигация, попапы вместо отдельных страниц
❌ Нет комментариев
Teletype.in — минималистичный сервис для блогов
Teletype.in очень похож на Medium, он минималистичен, поддерживает markdown и создается русскими разработчиками.
По стилю напоминает telegra.ph, сервис от команды Telegram, но в отличие от телеграф в нем можно зарегистрироваться и вести цельный блог от своего аккаунта. Можно подключить свой домен.
Пока я тестировал Teletype, вылезли его проблемы: я подключил домен и попробовал перенести туда пару статей, но случайно сломал верстку и получил неработающую страницу поста. Так что продукт пока сыроват.
Это компенсируется тем, что разработчики говорят на русском и быстро отвечают на баг-репорты в Telegram: они почти сразу приняли мои запросы и за пару дней их исправили.
Редактор пока не настолько удобный и выверенный в мелочах, как Notion, в комментариях нельзя писать анонимно или через соцсети.
Плюсы/минусы Teletype:
✅ Нормальный редактор
✅ Можно подключить свой домен
✅ Удобно добавлять и редактировать посты
✅ Можно задать свой URL для каждого поста
❌ Нельзя использовать другой хостинг
❌ Редактор тем не менее сыроват
❌ Почти невозможно настроить профиль
❌ Баги в проекте
Ghost — и почему я остановился именно на нем
Ghost — современная и симпатичная CMS с мощным редактором, почти таким же, как в Notion: нормальная поддержка рендера markdown в реальном времени, картинки вставляются простым Ctrl+V, чистый кайф.
Ghost был бы идеальный движком, если бы не проблемы с оформлением и внешним видом сайта. Тема по умолчанию не настраивается так же просто, как в Wordpress, в ней вообще нет настроек: нельзя, например, отключить меню или футер.
Есть галерея официальных тем, также можно поискать в Theme Forest, там есть еще порядка полторы сотни свежих. Я пока не нашел свою идеальную, поэтому мой вариант — сверстать свою тему самостоятельно один раз, а затем наслаждаться удобным редактором.
В Ghost есть много интересных функций прямо из коробки и плагинов, например платные подписки на закрытый контент (как на Patreon). Он очень популярен у компаний, которые ведут там корпоративные блоги, среди клиентов Ghost ведут Tinder, Revolut и Nasa.
Движок активно дорабатывается разработчиками, это можно увидеть по их Github.
Плюсы и минусы Ghost:
✅ Идеальный редактор
✅ Полный контроль над сайтом и оформлением
✅ Можно хостить самостоятельно
✅ Легко подключить собственный домен
✅ Можно подключить любой сервис комментариев
❌ Темы нельзя настроить без правки кода и исходников
❌ Создавать и редактировать посты приходится через админку
Лайфхак: как пользоваться Ghost почти бесплатно
Сколько я на самом сэкономил?
Как я уже говорил, Ghost — платный движок и стоимость начинается от $29 в месяц, это 2047 рублей в месяц или 24 541 рублей в год.
Если у вашего блога больше 100 000 просмотров, цена уже растет до 66930 рублей в год.
Я нашел способ развернуть свой блог, заплатив только за хостинг — вместе со всеми скидками, он обходится в 5529.6 рублей в год.
Как это работает без взлома системы?
Дело в том, что Ghost — это опенсорсный проект, значит его исходный код доступен всем бесплатно и его можно запускать, дорабатывать и создавать свои модификации.
Создатели Ghost не просто выложили исходный код проекта, но и упаковали его в docker-контейнер, чтобы люди могли быстро поднять рабочую версию.
Я не буду углубляться в технические детали и просто покажу, как запустить из этого контейнера Ghost на арендованном VPS-сервере.
Это занимает где-то 20 минут времени, но экономия в 17 тысяч стоит моих 20 минут.
Пошаговая инструкция: как поставить Ghost почти бесплатно
Для начала вам понадобится VPS-сервер с Docker.
Я покажу, как запустить Ghost-блог на примере VPS-ки от ruvds, там можно заказать сервер сразу с предустановленным Docker — он включен в маркетплейс и при настройке движка будет меньше хлопот.
1. Заказываем сервер с Docker. Для этого жмем на маркетплейс, затем выбираем дата-центр.
Дата-центр лучше выбирать географически ближний к вашему ядру аудитории — так выше отклик сайта. Берем rucloud в Москве
2. Выбираем из маркетплейса Docker
3. Чтобы получить максимальную скидку в 40%, я беру оплату за год.
30% из них за предоплату и плюс 10% по промокоду vc10 — если ввести его на этапе оплаты
4. Затем переходим во вкладку мои серверы. Ждем минут 5-10, чтобы сервер создался.
5. Дальше будем работать в терминале. Найдите Launchpad, начните вводить Termial и откройте программу. Если у вас windows, жмите Win + X.
6. Подключаемся к серверу по SSH. Для этого вводим в терминале команду
Где вместо 194.87.102.150 надо ввести ip-адрес сервера, который вы создали. Найти ip-адрес и пароль в личном кабинете
Дальше терминал запросит пароль, вводим.
7. Теперь надо установить на сервере Apache. Он позволит картинке с блогом появиться в браузере. Вводим в терминале команды
8. Теперь устанавливаем сам Ghost. Не забудьте заменить ip-адрес 194.87.102.150 в команде на ip-адрес вашего сервер
Вы не поверите, но это все
Теперь, если вы откроете в браузере страничку http://ваш-ip:2368, то увидите приветственную страницу движка Ghost
Остались только детали настройки сервера:
- привязать доменное имя
- настроить SSL-сертификат
- сделать так, чтобы блог открывался сразу на главной
Заканчиваем настройку сайта
Привязываем к блогу доменное имя
Я купил самое дешевое доменное имя vctestaccount.club за доллар. Покажу на его примере, как привязать к VPS доменное имя
1. В настройках ns-записей регистратора, добавляем A-запись с значением нашего IP
2. Удаляем остальные записи, они не нужны
3. Дальше открываем терминал. Вводим там команды (вместо example.com вводите свое доменное имя)
4. Затем открываем этот файл с помощью редактора nano этой командой
Прямо в терминале откроется файл — содержимое главной страницы вашего сайта. Напишите в нем любой текст, я написал hello world.
Затем нажмите Сtrl + X, редактор спросит сохранить ли файл. Введите Y и нажмите Enter
5. Дальше вводим команды
6. И снова открылся редактор.
Вам нужно заменить выделенуню эту строчку на
добавить в файл строчку
Вот так будет выглядеть готовый файл
Выходим из редактора, нажав CTRL + X, вводим Y (на запрос, сохранить ли файл) и жмем Enter
7. Активируем изменения командами
Ура, теперь сайт начал открываться по нашему доменному имени, а в нем — то, что вы написали в файле главной страницы
Пока сайт будет открываться только по адресу http://ваш-домен.com/
Стоит попытаться войти через безопасное соединение https://ваш-домен.com/, как страница будет выводить ошибку. Чтобы починить это, вам надо настроить SSL-сертификат.
Настраиваем SSL-сертификат
1. Вводим команды
На этом этапе у вас попросят email. Смело вводите, затем вводите букву А и нажимайте enter
2. Теперь у вас спросят, надо ли переадресовывать весь трафик на безопасное соединение. Говорите «да», то есть вводите 2 и жмите enter
Вуаля! Теперь сайт откроется и через HTTPS, а сверху появится значок
Делаем так, чтобы блог открывался на главной
Возвращаемся в терминал вводим команду
Откроется файл, куда надо вставить текст
Вот как это должно получиться
Теперь закрываем файл через CTRL + X, вводим Y и нажимаем enter
4. Вводим команды
Все. Блог открылся на главной по вашему домену
Выводы
Некоторые платные SaaS-версии продуктов доступны бесплатно и даже легально, если копнуть чуть глубже. Если вы видите слова OpenSource и Docker, то вероятно все получится.
Если у вас не работают какие-то команды или вы запутались в процессе — пишите в комментарии и я постараюсь помочь.
Судя по имени автора и выбранному хостингу со ссылками, статья больше похожа на рекламу серваков. Тонкий хитрый план, но нет.
Конечно не без рекламы, тем более в корпоративном аккаунте.
Но инструкция сработает и для других VPS, тоже будет дешевле, чем напрямую платить Ghost
Слабо написать другую статью, но с линками на другой хостинг? Вот и я о том же. Не нужно пытаться мне что-то доказать, для меня совершенно очевидно, что первый смысл статьи был в рекламе своих серверов, а заодно и про что-то полезное рассказать.
Не слабо, но зачем?
Я лично только рад, когда компании ради продвижения своих услуг генерируют полезный контент.
Но даже у меня возникает отторжение, когда читаешь текст от имени «человека, который сэкономил 20 тысяч» и осознаёшь, что на самом деле текст написал не такой человек, а маркетолог, придумавший эффектный заголовок. Ощущаешь, что тебе врут и держат тебя за дурака.
Особенно смешно становится, когда в тексте от мужского лица на скриншотах появляются логин «saniagalimova» и женская аватарка.
При этом, если бы вместо «как я сэкономил 20 тысяч» был текст «как сэкономить 20 тысяч», было бы ок: вся та же полезная информация про Ghost осталась бы, а ощущение вранья при чтении не возникало бы.
Вот именно. Лучше пиарить себя любимого под соусом "полезного контента"
oh sh... хабр засрали своими переводами, теперь и до vc добрались
А еще лучше написать было что можно поставить на любой сервер даже на собственный и вообще не указывать сервер как услугу платную, люди бы сами разобрались.
Технически это можно поставить на любой ноутбук. Тут вообще пол поста про VPS можно было не говорить
Реклама не реклама, но статья полезная.
Зачастую нехватает таких разжеванных мануалов на vc.
Уже пошел смотреть особенности cms.
Спасибо, рад, что понравилось
Если выбрать Digital Ocean, не придется возиться с Апаче, сертификатом, гонять туда-сюда .conf и вот это всё. Может, получится сократить этот гайд аж втрое или вчетверо. А цена останется такая же, примерно 5-6 $ в месяц.
↓
https://marketplace.digitalocean.com/apps/ghost
Комментарий удален модератором
Есть опыт с Ghost, использовал для коммерческих проектов. Могу сказать, что у Ghost есть два серьезных недостатка, которые делают его слабо применимым для крупных проектов.
Во-первых, сколько-либо серьезно расширять функционал Ghost нереально без изменения исходного кода Ghost, так как система дополнений крайне ограничена.
Во-вторых, у Ghost есть техническое ограничение - он может работать только на одном сервере. Если вы захотите развернуть кластер из Ghost‘ов, вам это не удастся без серьезных изменений в исходном коде. Без изменений, часть серверов будет просто периодически валиться и выдавать 50x-ые или 405-ую ошибки.
Wordpress, сколько бы я его не ненавидел, более пригоден для применения в кластере, хоть и там есть подвохи (но минимальные)
Статья притянута за уши.
1. DigitalOcean позволяет развернуть Ghost в один клик.
2. Используя арендованный VPS сервер вы не экономите 20 тысяч рублей за тот же сервис, так как вы не получаете высокодоступность сервиса, не получаете регулярных бэкапов (ок, настраивайте сами, а заодно и регулярно проверяйте ваши бэкапы), не получаете CDN. Мне не очень хочется просыпаться утром и узнавать, что всю ночь мой Ghost-сайт не работал, потому что Docker убил контейнер.
3. Ghost как сайт-портфолио - оверкилл. Это в первую очередь мощная блог платформа. Для вашей цели сойдет и Тильда или что-нибудь отсюда https://www.staticgen.com, если хочется развлекаться с управлением сервером.
4. Ну и как сказал Sergey Dilong выше, Ghost это в первую очередь опен-сорс платформа, которая предлагает платный хостинг, чтобы собрать денег на дальнейшую поддержку и разработку сервиса.
Ghost - это в принципе бесплатная CMS-система, поэтому я не понимаю, что вы там сэкономили. Я недавно разворачивал его через Git на обычном хостинге, который стоит всего 80 руб. При этом, чтобы развернуть Ghost много ума не надо, достаточно зайти на официальный сайт и заглянуть в документацию.
Пользы от этой статьи никакой, но скриншоты сделаны не плохо:)
К Нотион МОЖНО подключить домен. Сторонний сервис. 8 долларов в месяц
Можно и бесплатно (а также скрыть логотип Notion и подключить аналитику), если пропустить сайт через Cloudflare. Использую так в качестве базы знаний для сервиса.
поделитесь статьей как такое настроить можно. было бы очень полезно
Напишу сегодня здесь на VC
Пингую
80 процентов написано, завтра релизим 😁
Круто, спасибо, не знал
Хакеры, не стесняясь, хвастаются на VC. Ок
Не хакеры, а хостеры. В данном случае.
Не хостеры, а хипстеры.
Это абсолютно легально
Сысоев тоже так думал
Ваш гений просто выше крыши! Какой уникальный опыт!
Само модержание статьи — полезное, но подано не с той точки зрения. Нас встречает сенсационный заголовок формата "Как я на**** систему", а в итоге разбираем Evernote-like UX CMS-ы для портфолио, потом нас встречает неожиданный твист, что, оказывается, Ghost это опенсорсная БЕСПЛАТНАЯ CMS, а платный хостинг это лишь способ монетизации разработки за счёт упрощения настройки (аналогично делает и Wordpress), ещё и огромный кусок о том, как развернуть это на сервере в подарок.
Жаль, что вам не понравилось
Статья понравилась, но подача — нет
Подскажите, что было не так?
Был бы очень благодарен, потому что хочется писать контент, который не будет раздражать аудиторию и в принципе будет полезен читателям
Мне понравилось:
- Введение в формфактор "Заметки" для портфолио
- Обзор доступных CMS
- Примеры таких портфолио
Мне не понравилось:
- Желтизна заголовка
- Неоднозначность заявлений о платности сервиса в начале, что ведёт к твисту позже
Что мне хотелось бы видеть:
- Упразднение размера части статьи об установке на собственном сервере с ссылками на отдельные статьи, если устанавливающий будет нуждаться в подробностях
То есть, надо было
- сразу сказать, что Ghost опенсорсный и бесплатный, а оплачивают его ради простоты настройки
- вообще не упоминать марку vps? или не рассказывать как его настроить?
Не совсем так
Основная цель статьи была рассказать о CMS Ghost. Во первых, хотелось бы в таком случае видеть немного более подробный её обзор
Во вторых, из статьи можно сделать вывод, что оплата хостинга на вашем сервисе может быть выгоднее, чем непосредственный хостинг у Ghost, что и нужно было прямым текстом сказать
В третьих, инструкции о настройке убирать не нужно, но существенно укоротить, оставив только специфические пункты, а для общего процесса делоинга на вашем VPS можно было бы оставить ссылку на отдельную статью на VC/вашем сайте
Спасибо!
Мне казалось, что в пункте про экономию довольно прямолинейно говорилось о том, что у нас правда дешевле. Надо еще прямолинейней, в лоб?
В этом и проблема ghost'a, чтобы развернуть блог/портфолио нужен VPS/VDS. Не все хостеры поддерживают требования этой платформы
ну я и написал, откуда такое брать и как настроить
500 рублей за хостинг с годовой оплатой?? у хетцнера полноценный vps стоит 200 рублей при помесячной оплате: https://www.hetzner.com/cloud
надо смотреть на мощность — мы взяли не самый дешевый тариф под докер
Расскажите пожалуйста (в подробных картинках) как развернуть Докузавр 2 на сервере.
А то я как только читаю "Введите Sudo и настройте зависимости..." - мне становится неуютно.
https://v2.docusaurus.io/
От фейсбука- сайт для документации, аналог ГитБука
Если так, то рекомендую обратиться на фриланс, там за вами предложенную цену в районе 20уе вам все установят под ключь. Сам пяхался с линуксом, после винды воспринимать терминал крайне сложно. И много нужно изучать команд и ошибок. Так что реально из опыта советую поберечь время нервы и обратиться к профи, это не дорого на самом деле.
Есть ли CMS по структуре ведения блогов и добавления записей в подсайты похожая на vc.ru ?? Чтобы например пользователь, компания или подсайт могли быть как автором контента, так и его владельцем.??
Мне встречались цмс форумов. Похожие. Но там оплата сотка в месяц была, очевидно ддя бизнеса как раз.
Блин. Купил подписку, чтоб полойсать статью и в итоге лажа из-за сроков. Хоть каментить можно стало.
Атор плюсую 👍Сам селфхостом ghost запустил. Теперь думаю как прикрутить к постам рейтинги и каменты (пока что от телеги модуль)
Если в курсе про варианты то жду наводку.
А про рекламу своего хостинга кто там бухтит, так с какого перепугу задурно стал бы человек расписывать такие подробные гайды??? Удивляюсь с нытиков.