Скачать jbake future imperfect template - jbake future imperfect template Скачать исходный код

jbake future imperfect template

Другие категории

1.0.0

Скачать

Шаблон JBake Future Imperfect

Совместимость с JBake 2.6.5.

Future Imperfect основан на теме HTML5 UP. Хулио Пескадор портировал его для веб-сайтов SSG. Здесь он адаптирован для JBake.

Блог JBake Future Imperfect

Живой пример можно увидеть здесь.

Начиная

Сначала убедитесь, что вы установили JBake согласно инструкциям здесь.

Если у вас есть JBake, предполагая, что вы создаете сайт под названием Awesome-jbake , в окне терминала/команды выполните следующие команды:

 >> mkdir awesome-jbake

>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake

>> cd awesome-jbake && ls -ltr

Вы должны увидеть там эти файлы репо. Чтобы понять эту структуру, обратитесь к документации JBake 2.5.1.

Чтобы увидеть в действии, находясь в папке Awesome-jbake, запустите jbake -b -s . Через несколько секунд ваш сайт должен появиться на http://localhost:8820/, вы можете посетить его в браузере.

Настройка jbake.properties

Все в шаблоне управляется параметрами конфигурации в файле jbake.properties. Минимально необходимый набор свойств уже включен. Поэтому сохраните все свойства в файле и при необходимости измените значения.

JBake поддерживает не только эти свойства, и вы можете обратиться к документации JBake.

Некоторые особенности tempalte описаны ниже.

Комментарии к Disqus

Шаблон поддерживает добавление комментариев Disqus к сообщениям. Чтобы включить его, просто добавьте свое короткое имя disqus в jbake.properties —

site.disqus.shortname={yourdisqus}

Гугл Аналитика

Шаблон позволяет фиксировать просмотры страниц. Чтобы включить его, просто добавьте свой идентификатор отслеживания GA в jbake.properties —

site.google.trackingid={ga.trackingid}

Расчетное время чтения

Вы можете включить расчетное время чтения для своих сообщений, установив site.includeReadTiem=true в jbake.properties. Это время чтения рассчитывается с использованием библиотеки JavaScript для времени чтения.

Главное меню сайта

Верхним главным меню сайта можно управлять из jbake.properties –

 site.menus.main = home, archive, about, rss
# To add menus, for every menuitem in site.menus.main, add three properties in below pattern
# site.menus.{menuitem}.home.label=Home
# site.menus.{menuitem}.home.url=/
# site.menus.{menuitem}.home.icon=fa fa-home

site.menus.main.home.label =Home
site.menus.main.home.url =/
site.menus.main.home.icon =fa fa-home

Вы ДОЛЖНЫ определить свойства метки, URL-адреса и значка для каждого пункта меню в site.menus.main .

Социальные ссылки

Вы можете контролировать свои социальные ссылки, добавив обработчики социальных сетей для свойствsidebar.social.*.

Добавление страницы 404 не найдена для GitHub

Если вы размещаете свой статический сайт на Github, Github позволяет установить страницу ошибки 404. В папке содержимого есть файл с именем 404.html, который имеет тип «страница» (т. е. он будет отображаться по шаблону страницы). При необходимости вы можете изменить содержимое этого файла, но включенный по умолчанию файл тоже выглядит хорошо :). Этот файл должен находиться в корне папки содержимого, чтобы он отображался в корневом каталоге ваших страниц github. Остальное GitHub позаботится о том, чтобы показать этот файл, когда пользователь попытается перейти по несуществующему URL-адресу.

Опубликовать избранные изображения

В заголовке метаданных публикации вы можете определить два свойства, чтобы иметь избранное изображение для публикации:

 featuredimage =img/{path to image}
featuredalt =alternate text for image

Ленты

JSON-канал

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

 site.menus.main.rss.label =Subscribe
# # change below url to feed.xml for tradional RSS Feed
site.menus.main.rss.url =feed.json
site.menus.main.rss.icon =fa fa-rss

# # Commnet below two properties to generate, tradional XML RSS feed.
feed.file =feed.json
template.feed.file =feed-json.ftl