Бъдеща несъвършена тема - отслабена

Hugo Future Imperfect Slim е тема, базирана на пристанището на jpescador на HTML5 UP тема със същото име. Целта на тази тема е да продължи развитието на оригиналната тема. Тази версия взема това пристанище и го модернизира с CSS мрежа и Съвременните функции на Хюго.

Вижте демонстрацията на живо в тематичната витрина на Hugo.

hugo

Съдържание
  • Съдържание
  • Приготвяме се да започнем
    • Неразвитие
    • Развитие
    • exampleSite
    • config.toml
    • Статич
    • Вграден сървър на Hugo
  • Шорткодове
  • за автора
  • Разрешително

Приготвяме се да започнем

В зависимост от начина, по който планирате да използвате темата, има два различни начина, по които препоръчваме да започнете.

Неразвитие

Ако целта ви е просто да използвате темата на вашия сайт, дори ако планирате да персонализирате темата, а не да правите заявки за изтегляне към това хранилище, трябва да добавите темата като подмодул към вашия проект.

След като извлечете файловете от директорията exampleSite, направете следното от основната директория на вашия сайт:

Всички файлове с теми ще бъдат достъпни от themes/hugo-future-imperfect-slim от папката на вашия проект.

Ако искате да персонализирате всякакви от файловете в темата за ваше лично ползване, просто създайте дубликат на ниво проект, вместо на ниво тема. Това е функция, която е вродена на Hugo въз основа на реда за търсене на Hugo

Например, ако искате да промените шаблона на страницата About Me (/themes/layouts/_default/about.html). Бихте създали нови файлове в /layouts/_default/about.html въз основа на файла с темата, но включително вашите модификации

Това е правилният начин да настроите файловете за лична употреба по начин, който не прави вашия сайт несъвместим с темата.

Когато сте готови да актуализирате сайта си до текущата версия на темата, направете следното:

Развитие

Ако планирате да съдействате при разработването на темата, ще искате да имате свое собствено копие, което не е подмодул. За да направите това, отидете до мястото, където искате да го поставите, и направете следното:

exampleSite

В папката hugo-future-imperfect-slim ще има друга папка, наречена exampleSite. Тази папка определя типичната структура на темата, която изглежда така:

config.toml

За да започнете, ще искате да копирате exampleSite/config.toml в главната директория на вашия проект.

За подробности относно config.toml, моля, обърнете се към wiki страницата

Статич

Ако искате статични коментари, задвижвани от Staticman, ще трябва също да копирате exampleSite/staticman.yml в главната директория на вашия проект.

За подробности относно Staticman, моля, вижте wiki страницата

Персонализиран JavaScript и CSS

Можете да адаптирате тази тема според вашите предпочитания, използвайки вашия собствен JS или CSS код. За целта можете да редактирате файлове exampleSite/static/css/add-on.css или exampleSite/static/js/add-on.js, или да заредите свои собствени файлове, като ги добавите към параметрите cssFiles и jsFiles в config.toml .

Вграден сървър на Hugo

За да видите локална версия на вашия сайт локално, използвайте следната команда:

Hugo ще изгради вашия сайт и ще хоства сървър локално. Можете да видите това на живо в localhost: 1313.

Шорткодове

За подробности относно шорткодовете извън родните шорткодове на Hugo, моля, вижте страницата на wiki.

за автора

Hugo Future Imperfect е тема от HTML5 UP. Хулио Пескадор взе предоставения от тях код и го пренесе, за да може да се използва с Уго. След това Патрик Колинс взе това пристанище, разби го и го преструктурира под по-новите функции на Hugo, в допълнение към изграждането му за мобилни устройства, използвайки CSS Grid. Това също така позволи за отслабване на CSS и JS файловете, първоначално включени, за да се премахнат онези функции, които не се използват в сайта (оттук и името, тънък). През това време StatnMap работи по основен ремонт на по-голямата част от темата, за да включва многоезична функционалност - която е включена тук.

Тъй като първоначалната разработка е остаряла и редизайнът не е пряко съвместим с предишните версии на оригиналния Hugo Future Imperfect, сега той е в собственото си репо, за да помогне за подпомагане на развитието и да предотврати объркване.

Моля, обърнете се и към списъка на участниците в проекта за всички, които са допринесли пряко за тази версия на темата.

Разрешително

Тази тема е издадена под лиценза Creative Commons Attribution 3.0. „Future Imperfect“ е тема от HTML5 UP, лицензирана при същите условия. Моля, прочетете лиценза за повече информация.

Вижте също

  • Подайте брой
  • Поискай помощ
  • Обсъдете изходния код
  • @GoHugoIO
  • @ spf13
  • @bepsays

Спонсори на Hugo

Hugo Gopher е базиран на оригинална творба на Рене Френч.