Хитрости Postach.io. Как изменить тему при помощи GitHub

Константин Докучаев
Константин Докучаев
PST

Буквально несколько дней назад Postach.io обновили редактор тем. Теперь он полностью работает на GitHub. Такой подход для новых пользователей может вызвать определенные трудности, поэтому я сегодня расскажу как за пару минут начать работать с Postach.io и GitHub.

Достоинства

  1. Четкая подсветка кода;

  2. Возможность совместной работы на кодом;

  3. История изменений.

Недостатки

  1. Сложность работы для новичков;

  2. Неочевидность подключения Postach.io к GitHub;

  3. Вам нужна регистрация еще на одном сайте.

Подключаем Postach.io к GitHub

Первое и самое очевидное действие, которое вам нужно сделать - это зарегистрироваться на GitHub.

Вторым действием я рекомендую сразу же форкнуть любую из доступных тем Postach.io, если вы хотите пользоваться уже готовой темой. Делается это очень легко, но почему-то у меня Postach.io не захотел работать с форком напрямую.

Сначала надо зайти в репозиторий Postach.io по этому адресу. Сейчас здесь представлено всего три темы:

Кликаем по нужной вам и на следующей странице нужно нажать кнопочку Fork:

После этого у вас появится новый репозиторий с названием темы. Посмотреть свои репозитории можно на странице профиля, вкладка Repositories:

Настройка Postach.io

Затем вам нужно зайти на страницу Source Code в настройках вашего сайта Postach.io. Залогиниться через GitHub и указать репозиторий вашей темы:

Жмем Save и тема автоматически применится к вашему блогу.

Не хочу форк, хочу все сам

Если вам нужно подключить свою тему, то все еще проще. Для этого нужно создать новый репозиторий. Делается это все там же в профиле на GitHub, нажатием кнопки New:

Указываете его название, описание по желанию. Приватность Public, т.к. закрытые репозитории за денежку и я не уверен, что с ними Postach.io вообще работает. Галочку Initialize this repository with a README можно ставить, а можно и нет. Это будет нужно для совместной работы. Затем жмем Create Repository.

На следующем шаге написано много всего умного-разумного. Проще всего нажать Import Code и импортировать существующий репозиторий.

На следующем шаге открывается страница импорта. И встает очевидный вопрос, что же импортировать? Если вам нужен пустой .html файл, в котором вы хотите с нуля создать свою тему, то впишите адрес
https://github.com/Marfa/test
и жмите Begin Import

И Continue to Repository:

После чего откроется вот такая страничка:

Весь будущий код вашего сайта содержится в theme.html. Этот файл будет как в случае форка уже готовой темы, так и импорта моей. Или вы можете в своем собственном репозитории создать этот файл и работать с ним.

Редактируем код темы

Чтобы отредактировать код темы, нужно клинуть по theme.html на странице вашего репозитория, после чего откроется вот такая страничка:

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

Когда вы внесете необходимые изменения, жмите Commit Changes и можете бежать смотреть на свой блог. Конечно, не забудьте прежде указать Postach.io свой репозиторий.

Итог

Я вкратце рассказал как начать работу Postach.io и GitHub. Конечно же, GitHub это не просто хранилище одного .html файла. А платформа для полноценной работы над сложным кодом. Но для новичков такой инструкции должно быть достаточно.

Если у вас есть какие-то вопросы, всегда рад ответить на них в комментариях.



17 comments
Avatar
Калугин Андрей
:))) Вроде и все понятно вроде и тыкал по иконкам... но вышло что то не то :) Где взять исходный код темы? а то я похерил уже все :( У меня не счетчика, не дополнительных страниц, не кнопок соцсетей... а вот эта картинка :(
Hide Replies 11
Avatar
Dokuchaev Konstantin
Пункт настроить http://Postach.io точно сделал?
Исходного кода темы больше нет. Нужно на этапе форка выбрать одну из трех тем. Первую не выбирай. Она чисто для разработчиков
Hide Replies 10
Avatar
Калугин Андрей
Выбрать в выпадающем списке нужную тему? Это сделал... а больше там нечего делать то и не надо :( а мне эту кошку показывают :)
Hide Replies 9
Avatar
Dokuchaev Konstantin
Нужно сначала создать форк любой из тем на этой страницеhttps://github.com/Postachio. Любой, кроме первой
Hide Replies 8
Avatar
Калугин Андрей
Это есть :) Вот скрины всего что делаю :)
Hide Replies 7
Avatar
Dokuchaev Konstantin
Понял теперь. У меня такая же проблема была. Создай новый репозиторий и клонируй в него репозиторий посташио. Затем укажи его в настройках. Сам код темы хранится в theme.html
Hide Replies 6
Avatar
Калугин Андрей
Результат к сожалению тот же :(
Hide Replies 5
Avatar
Dokuchaev Konstantin
По скринам все правильно. Скинь еще раз скриншот настроек Postachio и ссылку на репозиторий, который подключить пытаешься
Hide Replies 4
Avatar
Калугин Андрей
Hide Replies 3
Avatar
Dokuchaev Konstantin
Только что к тебе в блог зашел, все работает же. Код темы теперь на гитхабе надо править, а не в Postachio
Hide Replies 2
Avatar
Калугин Андрей
Так я назад вернул все :) вот и работает :)
Hide Replies 1
Avatar
Dokuchaev Konstantin
На скрине у тебя написано, что ты theme Original клонируешь, а в предыдущем комментарии даешь ссылку на starter kit
Avatar
Калугин Андрей
Картинка
Avatar
Калугин Андрей
Ждем :(
Avatar
Sergey Maksimenko
Странное решение убрать настройки темы в GitHub. На первых же этапах столкнулся с неразрешимой для себя проблемой. Подключил http://Postach.io к GitHub, форкнул тему, выполнил указанные команды, но ничего не произошло. После перезагрузки страницы ничего не меняется. Можете дать совет - в каком направлении копать?
Hide Replies 2
Avatar
Dokuchaev Konstantin
Здравствуйте. У меня у самого такая же проблема. И я знаю, что она есть еще у нескольких человек. Раньше все решилось форком их темы. Затем нужно было этот форк клонировать и уже его указывать в настройках Postachio. После первых изменений всё работало.
Сейчас так не получается. Если Вы сделали все по инструкции выше и все равно не работает, то добро пожаловать в клуб.
Подождите до февраля, они старый редактор вернут.
Hide Replies 1
Avatar
Sergey Maksimenko
Ok, будем ждать. Спасибо!
Great! Next, complete checkout for full access to All-In-One Person
Welcome back! You've successfully signed in
You've successfully subscribed to All-In-One Person
Success! Your account is fully activated, you now have access to all content
Success! Your billing info has been updated
Your billing was not updated