Хитрости Postachio. Где хранить скрипты для своего блога

Пришла пора снова поделиться с вами некоторыми хитростями, наблюдениями и просто полезными вещами касательно Postach.io. В этот раз я расскажу про то, где можно хранить скрипты и картинки для вашего блога. О "тайных" разделах Postach.io и как не потерять код темы.

Оглавление

  1. Тайные разделы Postachio
  2. Списки
  3. Кнопки Share
  4. Хостинг скриптов
  5. Как редактировать тему сайта и не сломать все

Тайные разделы Postachio

Если вы пользователь сервиса, то, наверняка, знаете, про раздел Discover. В нем вы можете посмотреть все последние посты. Или посмотреть посты по темам: путешествие, еда, образование, дизайн, технологии. Наверняка, люди пишут не только об этом.

http://postach.io/тема/

Вместо слова "тема" впишите то, что вас интересует и Postach.io покажет все посты по этому запросу.

Списки

Отдельно стоит упомянуть разметку списков. По умолчанию она выглядит примерно так:


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

Кнопки Share

Добавить кнопки "Поделиться" на сайт очень легко. На старой версии сайта я использую кнопки Share42, здесь я использую кнопки [Pluso](http://pluso.ru/ ""Pluso"). В конечном, счете не важно какие кнопки вы выберите. Я рекомендую добавить их скрипт сразу же после хедера поста. Найти его легко по строке {{ post.title }} и чуть выше можно смело вставлять код кнопок.


А вот этот код добавит стандартные кнопки Postach.io:

{{ theme.social.bar }}

Хостинг скриптов

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

Есть несколько способ решения этой проблемы.

Dropbox

Скрипты можно хранить в Dropbox. Как это сделать подробно описано здесь на английском. Если коротко и на русском, то вам нужно создать свой .css, .js файл и положить его в Dropbox. Сгенерировать ссылку для этого файла, заменить www на dl. И добавить эту ссылку в нужное место вашей темы. Основной недостаток этого способа в том, что Dropbox начинает блокировать файлы при большом количестве обращений к нему. Подобные варианты хранения есть и у Google Drive, и, возможно, у других хранилищ.

Бесплатный хостинг

Скрипты можно хранить на любом бесплатном хостинге типа narod.ru. А для хранения .js файлов идеально подходит yourjavascript.com.

После того, как вы загрузили ваши файлы на сервер, нужно указать к ним путь между тегами "head/head" в вашей теме. Или там, где это требуется для их работы.

Внутри темы

Скрипты можно добавлять прямо в тему Postach.io внутри тега "body".


Внутри тегов "style" вы должны указывать не путь к файлы скрипта, а полностью все содержимое самого файла. Если не понятно о чем речь, просто посмотрите как подключены комментарии Disqus или Google Analytics.

Недостаток этого способа в том, что это утежиляет страницу и заставляет ее грузиться дольше.

Конечно, есть и другие способы. Например, Bitbucker, Git, но я их описывать здесь не буду. Если эти слова вам знакомы, то этот раздел вообще не для вас.

Как редактировать тему сайта и не сломать все

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

В отдельной папке. Я создал три .html документа backup, current, original.

  1. В original я храню исходный код своей темы Postach.io.
  2. В current находится текущая тема, которую вы видите сейчас.
  3. В backup хранится последний рабочий вариант темы.

Если я хочу что-то изменить в теме я копирую код из current в backup. После чего я начинаю производить нужные мне изменения в файле current. Когда все готово, я вставляю этот код в редактор темы на сайте Postach.io и смотрю все ли работает. Если что-то явно пошло не так, то за секунду я могу вставить последний работающий код из backup.

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

Комментарии