Девятый бит

Обычный WordPress блог, ничего особого в нем нет ;) Подробнее…

Includes / Включает в себя

• WordPress XML → Jekyll exporter
  {Golang; placed in xmlWP2Jekyll branch; include patch for WordPress}

  Экспортер из WordPress XML в Jekyll
  {написан на Go; находится в ветке xmlWP2Jekyll, там же лежит WordPress XML из которого был сгенерирован этот блог, и патчи для WordPress, позволяющие получить все нужные данные}

• WordPress-like size/cache-friendly dynamic taxonomy pages (category, tag, author, issue, …)
  {source code, example}

  Полноценную таксономию "как в WordPress" для рубрик, тегов, авторов и выпусков
  (в Jekyll обычно ограничиваются более простым вариантом)
  {исходники, пример}

• Inline comments {source code, YAML Front Matter example, result}
  and
  Google+ (Blogger) comment system
  {source code, "include script" place, YAML Front Matter config example, place on HTTPS page}

  Комментарии: прежние комментарии генерируются вместе с остальным содержимым страниц постов
  {исходники, пример YAML Front Matter, результат},
  а для новых комментариев - Google+ iframe
  {исходники, место подключения скрипта, пример переопределения канонической ссылки на страницу через YAML Front Matter, местоположение на странице при открытии через HTTPS}

• Search {source code}

  Просто поиск по блогу, как в этой картинке {исходники}

• More-cut visualizer {source code, example}

  Место "разрыва страницы": при открытии полной версии поста через кнопку "Читать далее" - сразу же будет видно, где находится продолжение
  (полезно, когда открываешь сразу несколько/много постов в фоновых вкладках; при открытии вкладки сразу виден текст "до ката" - можно вспомнить, почему открыл этот пост, и видно место продолжение чтения)
  {исходники; для примера можно на главной странице открыть (в текущей вкладке) первый пост, чтобы посмотреть на эффект "разрыва страницы"}

• Redirects from WordPress URIs:

  • /?p=<id> {"include" place, source code + YAML Front Matter example};
  • /<year>/<id>/<slug>/, /<year>/<id>/<slug>/<something>, /<year>/<id>/<something>, /<year>/<id>
    {source code + YAML Front Matter example}

  Альтернативные ссылки: большинство прежних ссылок (из WordPress) на основное содержимое блога (посты) будут продолжать работать
  (не работают только ссылки на страницы категорий /?cat=<id>, тегов /?tag=<slug>, страниц /?page_id=<id>)

• throw Error on Liquid (used in some checks) {source code}

  Контроль целостности/консистентности данных: если она будет нарушена - сборка сайта прекратится
  {пример в исходниках}
  (см. также эти Issues: проверка целостности ссылок в комментариях к постам, при использовании jekyll-redirect-from, permalink, … возможны коллизии {решение проблемы в исходниках})

• Fast SVG animated shadows for raster pics (Ambient Occlusion Shadow)
  {source code, example (see bottom of the right sidebar), some performance tests (see don*.svg files)}

  Эффект поднятия/парения объекта над плоскостью при наведении курсора
  {исходники, пример на странице (последний блок в правой колонке), примерно в такой последовательности увеличивалась производительность (см. файлы don*.svg),
  сердце блендера (Blender; для запуска сердца - нужно навести курсор на него)}

• Tag-cloud on Liquid {source code, SQRT on Liquid}

  Простое облачко тегов (только вот аналогичный код на assembly выглядел бы проще, чем этот код на Liquid)
  {исходники ← самое интересное здесь, и несколько альтернативных версий в файлах widget_tag_cloud_alt*.html}

• WAI-ARIA compatible NoJS-friendly IE8+ Crypto Coin (Bitcoin) donation button+popover
  {source code, example}

  Просто кнопочка для поддержки, заменила предыдущую/старую кнопку "Coinwidget Shortcode WP plugin"

• HTML5, WAI-ARIA 1.0, Schema.org+Microdata, Microformats (rel) /// Доступная ( достаточно нажать Ctrl+U :), семантическая разметка

• Compatible with All Modern Desktop Browsers ( i.e. IE9+ ;) /// Полностью совместим с 🅾️pera Presto :)

• Page load sequences optimization /// Оптимизация трасс загрузки страницы

• Easter egg /// Пасхалки

Usage for own blog / Загрузка темы для адаптации под свой блог

1. Install Git Large File Storage (LFS)

   Для хранения загруженных пользователями файлов /wp-content/uploads/* и некоторых больших картинок темы¹ - используется Git LFS, поэтому устанавливаем его

2. See this, this and this LFS Tutorial¹ before run
   git clone -b tags/black-triangle --single-branch -- https://github.com/ASOIU/9bit.git
   ("black-triangle" contain only main files + 3 posts for testing w/o user content)

   Чтобы не скачивать весь репозиторий (со всем пользовательским контентом "Девятого бита"), в репозитории есть коммит помеченный тегом black-triangle (Чёрный треугольник), в котором из всего пользовательского контента оставлены только 3 поста (использовались для тестирования темы при ее создании), клонируем:
   git clone -b tags/black-triangle --single-branch -- https://github.com/ASOIU/9bit.git
   (это может помочь увеличить скорость копирования: LFS Tutorial, git lfs pull, GIT_LFS_SKIP_SMUDGE=1)¹

3. Be happy.

   Прочесть заметку в Google+ (если прежде ее не читали).

---

[1]: Git LFS 🔜 GitHub Pages:

• GitHub Pages won’t load files tracked using git-lfs
• GitHub Pages serving the reference file instead of the actual binary