Это источник моего сайта о боевых искусствах, созданного с помощью Hugo и Gulp.js.
Вам понадобится Хьюго для запуска этого веб-сайта (например, с помощью Homebrew):
$ brew install hugo
Вам потребуется установить GraphicsMagick для создания миниатюр:
$ brew install graphicsmagick
Установите nvm
и правильную версию node
:
$ git clone https://github.com/creationix/nvm.git ~ /.nvm
$ cd ~ /.nvm
$ git checkout ` git describe --abbrev=0 --tags `
$ nvm install 6.3.1
Я рекомендую использовать Yarn, в противном случае замените все вхождения yarn
на npm
.
После клонирования репозитория выполните:
$ yarn install
Эти задачи предусмотрены:
$ yarn start # Run development server and create development build
$ yarn run build # Create production build
$ yarn run build-preview # Create preview build
$ yarn run build-branch # Create branch build
$ yarn run build-dev # Create development build
$ yarn run svg # Create SVG sprite from single SVG files
$ yarn run crunch # Minimize all images
$ yarn run webp # Generate WebP images
$ yarn run loadcss # Copy loadCSS JavaScript to project
$ yarn run pagespeed # Perform PageSpeed Insights against live website
$ yarn run lint # Check JavaScript and CSS for errors
$ yarn run lint-js # Check JavaScript for errors
$ yarn run lint-css # Check CSS for errors
Я перенес этот сайт с Джекила на Хьюго. Это включало не только миграцию, но я реализовал полный макет страницы с помощью CSS Grid Layout и добавил Service Worker.
Чтобы узнать, сколько времени заняла миграция, я использовал технику «помидора», чтобы целенаправленно работать над своим проектом по 25 минут всякий раз, когда у меня было время.
Сайт был перенесен примерно через 49 часов работы. ?
?????????????????????????????????????????????????????? ?????????????????????????????????????????????????????? ??????????????????
Авторские права на весь контент принадлежат Стефану Имхоффу, если не указано иное. Не стесняйтесь изучать исходный код и повторно использовать код для своих проектов. Единственное, что запрещено — это использование моего дизайна (уникальное сочетание макета, шрифтов, изображений), личных фотографий и логотипа.
Проще говоря: это не бесплатная тема . Учитесь на этом. Ремикс. Повторное использование. Создайте свой собственный материал.