website hugo kogakure.de

kogakure.de

C'est la source de mon site Web d'arts martiaux créé avec Hugo et Gulp.js.

Installation

Vous aurez besoin de Hugo pour faire fonctionner ce site (par exemple avec Homebrew) :

$ brew install hugo

Vous devrez installer GraphicsMagick pour la génération de vignettes :

$ brew install graphicsmagick

Installez nvm et la version correcte node :

$ git clone https://github.com/creationix/nvm.git ~ /.nvm
$ cd ~ /.nvm
$ git checkout ` git describe --abbrev=0 --tags `
$ nvm install 6.3.1

Je recommande d'utiliser Yarn, sinon remplacez toutes les occurrences de yarn par npm .

Après avoir cloné le référentiel, exécutez :

$ yarn install

Tâches

Ces tâches sont assurées :

$ 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 

Compteur de temps

J'ai migré ce site Web de Jekyll vers Hugo. Cela incluait non seulement la migration, mais j'ai également implémenté une mise en page complète avec CSS Grid Layout et ajouté un Service Worker.

Pour savoir combien de temps a duré la migration, j'ai utilisé la technique pomodoro pour travailler par tranches ciblées de 25 minutes sur mon projet, chaque fois que je trouvais du temps.

Le site Web a été migré après environ 49 heures de travail. ?

????????????????????????????????????????????????? ????????????????????????????????????????????????? ??????????????????

Licence

Tout le contenu est protégé par les droits d'auteur de Stefan Imhoff, sauf indication contraire. N'hésitez pas à apprendre du code source et à réutiliser le code pour vos projets. La seule chose qui n'est pas autorisée est l'utilisation de mon design (la combinaison unique de mise en page, de polices, d'images), de photos privées et de logo.

En termes plus simples : ce n’est pas un thème gratuit . Apprenez-en. Remixer. Réutiliser. Construisez vos propres trucs.