Хитрости Postach.io. Блог с тегом Published

Я начал вести свой блог в 2012 году. Тогда мне не хотелось использовать какие-либо движки, потому что мне нужна была полная кастомизация сайта. И я начал постить записи в полностью ручном режиме. Закончилось это тем, что мне было лень что-либо писать, даже если у меня была хорошая идея. Нужно было полностью прописывать каждый тег, каждый адрес. В итоге весь блог заглох. В этом году я решил, что надо что-то делать, т.к. домен есть, идеи есть. Да и денег все это стоит. И я перевел весь блог на Postach.io. Теперь у меня план статей расписан на несколько месяцев вперед, а обновления я выкладываю минимум раз в неделю. Несколько записей уже готовы и ждут, когда я им присвою тег Published.

Достоинства

Вести блог очень легко. Все, что вам нужно - это клиент Evernote и идея.
Полная кастомизация тем под ваши нужды. Тегов для работы сервиса минимум, поэтому достаточно владеть CSS и HTML, чтобы создать свою тему с нуля.
Отличная техподдержка.

Недостатки

Парсер Postach.io часто тупит. Если вы поставили тег Published своей заметки, то после синхронизации лучше сразу проверить ее отображение. Возможно, все выглядит совсем не так. Плюс плохая поддержка кириллицы. В превью постов слова часто сливаются.
Нет превью постов. Либо вы публикуете и сразу же правите, если есть ошибки, либо ничего.

Ведение блога

Рассказывать особого смысла про то, как вести блог в Postach.io - нет. Вы просто создаете заметку в блокноте своего блога, ставите ей тег Published и voilà! Пост опубликован. Да, именно все так просто! Кроме нескольких хитростей, про которые я и расскажу подробнее.

Markdown

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

Во-первых, вот правильная ссылка на синтаксис разметки.

Во-вторых, если вы все сделали правильно, то в итоге разметка в блоге может разъехаться. Для того чтобы это исправить, нужно выделить весь текст заметки в Evernote и нажать "Убрать форматирование". После синхронизации разметка должна быть правильной.

Решение нескольких проблем с кириллицей

Postach.io по умолчанию ну совсем плохо отображает кириллицу. Поэтому прежде, чем начать вести свой блог, в настройках сервиса в разделе Source Editor поменяйте шрифты на кириллические. Подключение шрифтов Google Fonts происходит сразу же после раздела "body". В строчке families нужно прописать выбранные вами шрифты. Все доступные шрифты Google можно найти здесь. Подобным образом, конечно, можно подключить и шрифты Adobe Script, и любые другие. Не забудьте указать новые шрифты так же и в CSS вашей темы.

Так же вам придется выставить в CSS отступ после ссылок для параграфов. Иначе даже с кириллическими шрифтами, все слова будут сливаться со ссылкой. Но это никак не исправляет ситуацию с превью поста. Код CSS выглядит примерно следующим образом:

`a {

background: transparent;

margin: 0.5em;

Если внутри поста слова все-таки сливаются, то просто поставьте в заметке еще один пробел между ними. Этот же "хак" исправляет и превью поста, но тогда внутри получится уже видимый двойной пробел. Т.ч. самый главный совет - не используйте ссылки до ката.

Добавляем оглавление

В начале поста вы, наверняка, заметили оглавление. Добавить его к себе очень легко. В начале поста нужно добавить ссылки на главы, где вместо link нужно вписать ID главы:

[Название главы](#link){title="Название главы"}

А теперь добавляем ID к главам. Вам нужно заменить ID на такой же, который вы указали вместо link выше. Эту строку вы вставляете туда, где у вас в заметке идет название разделов.

[Название главы](){title="Название главы" name="ID"}

Теперь при клике по первой ссылке будет происходить переход к нужной главе.

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

Кнопка Читать далее и Источник

В некоторых темах Postach.io нет кнопки "Читать далее". При помощи следующего кода ее можно легко добавить:

<a href="{{ post.permalink }}">Читать полностью</a>

Этот код следует вставить в div темы, который отвечает за превью поста. Вот как это выглядит у меня.

Подобным образом можно добавить и ссылку на источник статьи:

<a href="{{ post.url }}" target="_blank">Источник</a>

Этот код нужно добавить в div поста-ссылки. В теме его будет легко найти по тегу {{ link.content }}.

Подтверждаем авторство Google

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

Для этого в код своей страницы надо добавить что-то типа этого кода:

Автор: <a href="ссылка на ваш профиль?rel=author"

target="_blank">{{ site.author }}</a>

Не забудьте указать свой сайт в профиле G+.

У меня это выглядит так:

Контакты

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

                <a href="{{ site.twitter }}" target="_blank">Twitter</a>,

                <a href="{{ site.facebook }}" target="_blank">Facebook</a>,

                <a href="{{ site.googleplus }}" target="_blank">G+</a>,

                <a href="{{ site.linkedin }}" target="_blank">LinkedIn</a>,

                <a href="{{ site.atom_url }}" target="_blank">RSS</a>`

Просто добавьте его в нужный раздел темы. И, конечно, не забудьте про CSS.

Flattr this

Чтобы добавить кнопку Flattr достаточно сгенерировать ее в специальном разделе. Но я рекомендую добавить к ней следующий параметр:

title={{ post.title }} - он позволит передать Flattr заголовок поста.

Вот пример моего кода:

f.src = '//api.flattr.com/button/view/?uid=????

&button=compact&title={{ post.title }}&hidden=0&category=text&url='

Итог

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