hugo 8bits theme

Хьюго 8-битная тема

8-битная тема Hugo основана на CSS Framework в стиле NES, разработанной @bc_rikko.

Живая демонстрация

Информация о платформе NES.css

Имя	РЭШ.css
Описание	CSS-фреймворк в стиле NES
Дизайнер	БкРикко
Версия	2.3.0
Выпущенный	17 декабря 2019 г.
Лицензия	Информация о лицензировании

Установка

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

Дополнительная информация: руководство по настройке Hugo

Конфигурация

config.yaml

Многоязычный

Вы можете показать или скрыть раскрывающееся меню «Языки» в config.yaml :

 languagesMenuEnabled : true

хлебные крошки

Вы можете показать или скрыть текущую страницу в навигационной цепочке из config.yaml :

 breadcrumb :
  showCurrent : true

Загрузчик нумерации страниц

Вы можете включить или отключить загрузчик страниц (кнопка «Загрузить больше») на страницах списка из config.yaml :

 pagination :
  loader : true

Отключение отобразит стандартный виджет нумерации страниц.

Фон

Вы можете установить фон темы, просто поместив изображение в папку static/images/ и введя его имя в параметре params.background.image . Также вы можете установить эффект параллакса и его скорость для раздела сообщений.

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

Контакт

Вы можете включить контактную форму, чтобы посетители могли отправлять вам сообщения с помощью службы сообщений, такой как Formspree, просто добавив URL-адрес действия контактной формы в config.yaml :

 contact :
  formAction : https://formspree.io/f/yourformcode

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

Вы можете добавить имена пользователей для текущих поддерживаемых социальных сетей в config.yaml :

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

Дополнительные примеры параметризации социальных сетей см. в config.yaml.

Комментарии

При поддержке Disqus

 disqusShortname : " yourdiscussshortname "

Отключите систему комментариев, оставив params.disqusShortname пустым.

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

 googleAnalytics : " UA-123-45 "

Отключите Google Analytics, оставив params.googleAnalytics пустым.

Больше настроек!

Всю конфигурацию смотрите в файле config.yaml.

Пример сайта

Папка exampleSite основана на базовом примере Hugo и предлагает пример сайта для этой темы.

Папка exampleSite/content/ содержит следующее:

• Раздел под названием /post/ с примером содержимого уценки.
• about.md , предназначенный для предоставления страницы /about/ для демонстрационной темы.
• contact.md , предназначенный для предоставления страницы /contact/ для контактной формы.

Почти там...

Чтобы увидеть свой сайт в действии, вы можете запустить встроенный локальный сервер Hugo.

$ cd exampleSite
$ hugo server -t ../..

Теперь введите http://localhost:1313/ в адресную строку браузера.

Развертывание

• Хостинг на GitHub
• Больше вариантов хостинга и развертывания

Содействие

• Нашли ошибку?
• Есть идея для новой функции?

Сообщите мне об этом с помощью системы отслеживания ошибок или сделайте это напрямую с помощью запроса на включение.

Лицензия

Эта тема и платформа, которая сделала это возможным, выпущены под лицензией MIT. Дополнительную информацию о лицензировании можно найти в исходной лицензии платформы.

Спасибо

Спасибо Стиву Франсии за создание Хьюго и замечательному сообществу вокруг проекта. А также спасибо BcRikko за создание этого потрясающего ностальгического фреймворка.