Долгое время «ВКонтакте» оставался колыбелью блогов. Он давал удобные инструменты, активно пиарил авторов, а еще там была одна из лучших систем рекомендаций контента. Я помню, что несколько лет назад, до того, как «ВК» все похерили, я полностью отказался от листания ленты в пользу листания рекомендаций. Они были хорошими.
Потом стало не так. И блоги перетекли в Telegram. Но безжалостная машина стремится забрать и его.
А потому я наконец имею повод озвучить одно свое убеждение: мы стали неисправимо зависимыми от площадок, которые нам предоставляют большие компании. И доступность этих площадок не зависит от интересов обычных пользователей.
Каждый автор должен единолично владеть своим контентом и мы должны максимально исключить из цепочки создания контента соцсети. Соцсеть это удобный способ рассказать о нем. Но она не должна быть единственным местом хранения своих трудов. Это худшее, что можно придумать.
Это гайд, как бесплатно поднять свой сайт-блог максимально независимо от соцсетей и самому руководить контентом. Есть как полностью бесплатные варианты, так и за небольшую стоимость.
Запузыриваем страницу на Github
Наш сайт для блога будет статическим. Это хороший и простой вариант для первых проб. А еще его можно бесплатно разместить прямо на Github. Этим, например, пользуется Шон МакКой для своей игры Null.Hack.
Регистрируемся на Github
Надеюсь, как это сделать — объяснять не нужно. Но есть одно важное уточнение. Если хотите максимально красивый домен и собираетесь немного упростить пользователям его поиск — ваш ник должен быть таким же, как будущее название сайта.
У меня это damnblog. Потому что я хочу сайт с доменом damnblog.github.io
Создаем репозиторий
Не бойтесь названия, это типа папка или проект, в котором будут лежать все файлы сайта. Кликаем на вкладку Repositories. На странице ищем зеленую кнопку New и жмем ее.
Задаем имя репозиторию. Оно может быть любым. Но если вы хотите красивый домен (насколько это возможно бесплатно) и не хотите создавать путаницу с ветками, назовите репозиторий, как сайт. То есть так же, как ваш ник на Github. Но добавьте в конце .github.io
Должно получиться что-то типа damnblog.github.io
Обязательно нажмите кнопку Add README. Это будет нужно, чтобы вы могли сразу посмотреть, что сайт создался.
Идем в настройки
В открывшемся репозитории есть отдельная вкладка Settings.
В левом меню там есть пункт Pages — его и нажимаем.
Врубаем сайт
Ищи графу Branch. Там будет выпадающее меню со значением None. Жмем туда и меняем на Main. Дальше сохраняем через кнопку Save.
После этого обнови страницу.
Сайт запузырился
Все. Теперь в верхней части появится ссылка.
Теперь ты можешь перейти по ней. Увидишь название своего сайта. Весь текст берется из файла README в репозитории. Там можешь написать какой-нибудь прикол, чтоб проверить. Но помни, что сайт статичный и обновление занимает примерно 3-5 минут.
Ставим движок
Мы рассматриваем только простые и бесплатные движки, с которыми не нужно ебаться. У них уже есть база для создания текстового контента и они не требуют дополнительной настройки. Поэтому для первой инструкции я выбрал Publii. Он самый простой.
Чуть позже расскажу про другие движки — Jekyll, «Эгею» и еще пару вариантов.
Но сейчас про Publii
Это генератор статичных сайтов и я долгое время пользовался им. Publii бесплатный. Есть платные темы.
Публикация текста происходит через приложение для ПК. В нем можно писать текст, создавать новые страницы, настраивать SEO (если вы вдруг озабочены попаданием вашего текста в поисковики). Нажал сохранить и изменения в течение 5 минут появились на сайте. Ноль кода. Работает маркдаун-разметка.
Есть плагины. С помощью них можно прикрутить комменты и еще много чего другого. Но мне показалось это неудобным.
Можно ограниченно настраивать внешний вид: менять цвета, главную страницу и так далее. Но велик риск навасянить.
Качаем Publii
Идем на официальный сайт и скачиваем приложение для своей OS.
Как скачается — устанавливаем и запускаем.
Настраиваем сайт
Откроется окно для настройки нашего первого сайта.
Вводим в него название своего будущего блога. Ниже пишем имя автора.
Настраиваем блог
После сохранения нам сразу предложат написать первый пост. Но пока это не делаем. Настроим красоту на главной странице блога: идем в Site settings и там выбираем русский язык сайта. Это нужно, чтобы не было косяков со шрифтами.
Делаем главную страницу
Идем во вкладку Theme. В ней, в пункте Layout листаем вниз. Это наша панель управления главной страницей. Здесь можно сделать много чего: поставить картинку, поменять приветственный текст и выбрать, сколько постов блога будет показано посетителю с самого начала.
После изменений не забудьте пролистать вниз и нажать Save settings. Иначе все пропало.
Пишем первый пост
Можем вернуться на вкладку Pages. Здесь на выбор есть три варианта написания текста.
Я обычно использую markdown. Это тип разметки, который может быть знаком вам по Obsidian или Notion. Здесь смысл такой же: текст можно делать жирным, курсивным и подчеркнутым с помощью специальных символов или горячими клавишами.
Если не работали с markdown, то не страшно. Тут есть блочная верстка типа как в Tilda или любом простом конструкторе сайтов. Ну и третий вариант WYSIWYG — это как в Ворде (почти) или ВордПрессе. Выбирайте любой. Если что — можно в любой момент вернуться и поменять.
Или даже каждую статью писать разным способом. Пабли это схавает. Я выберу markdown.
Картинки вставляются простым перетаскиванием их в текстовое поле.
Когда закончили — сохраняем наш текст. Тут же есть кнопка Preview. Она позволяет посмотреть, как текст выглядит на сайте. Просмотр откроется в новой вкладке вашего браузера.
Показываем творение миру
Началась самая сложная часть. Нам нужно создать токен доступа на Github.
Для этого шагаем назад на сайт Гитхаба. В правом верхнем углу жмем на свою аватарку. В меню выбираем пункт Settings.
В окне настроек листаем вниз и находим в левом меню пункт Developer Settings. Выбираем его.
Здесь нам предложат создать Токен. Выбираем Generate new token и выбираем классический вариант. Он припиской classic в скобочках.
Выберите настройку No expiration. Она сделает токен вечным. По крайней мере пока вы сами его не удалите. Далее нажимаем все галочки. Это даст Publii загружать статьи на сайт.
Ну и жмем внизу зеленую кнопку. Появится токен. Его мы копируем. Не передавайте его никому.
Возвращаемся в Publii
Выбираем в левом меню вкладку Server. В нем мы будем синхронизировать наш сайт с гитхабом. Выбираем пункт Github
Вводим все настройки:
Website URL — это ваш домен, на котором и крутится ваш гитхабный сайт, скопируйте из браузера и вставьте сюда.
Username — я указал такой же, как мой ник на гитхаб.
Repository — копируем название нашего репозитория сюда. Скорее всего он такой же, как юзернейм, если все делали по инструкции.
Branch — оставляем main
Token — а вот сюда вставляем токен, который тока что создавали на гитхабе. Далее нажимаем save settings
Финал
Все готово. Теперь Publii связан с сайтом на гитхабе. И вы можете в приложении Publii делать запиздячить нужный вам пост и сохранить. Чтобы опубликовать его — просто нажимайте в приложении кнопку Sync your website
Напоминаю: сайт статический, а это значит, что обновления вступят в силу не сразу. После синхронизации подождите минуты 2-3. И вы прекрасны.
Можете посмотреть то, как я сделал сайт.
Вместо вывода
Это самая первая часть гайдов по созданию своего сайт для вашего НРИ-бложека или чего-то похожего. Я сделал его, чтобы показать, что на самом деле запустить сайт с текстом несложно. Вы можете сами больше узнать о том же Publii, если просто покопаетесь в приложении. Там есть плагины и темы, которые делают штуки удобнее.
Во второй части гайда обсудим пару более сложных вариантов. Но более красивых. Плюс потом расскажу про платные варианты блога (в пределах 2000 рублей в год) для тех, кто хочет комфорта.
Подписывайтесь на телеграм, пока его не заблокировали. Спасибо, что читали.
