website hugo kogakure.de

kogakure.de

Esta es la fuente de mi sitio web de artes marciales creado con Hugo y Gulp.js.

Instalación

Necesitará Hugo para ejecutar este sitio web (por ejemplo, con Homebrew):

$ brew install hugo

Necesitará instalar GraphicsMagick para generar miniaturas:

$ brew install graphicsmagick

Instale nvm y la versión correcta node :

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

Recomiendo usar Yarn; de lo contrario, reemplace todas las apariciones de yarn con npm .

Después de clonar el repositorio, ejecute:

$ yarn install

Tareas

Se proporcionan estas tareas:

$ 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 

Contador de tiempo

Migré este sitio web de Jekyll a Hugo. Esto incluyó no solo la migración, sino que implementé un diseño de página completo con CSS Grid Layout y agregué un Service Worker.

Para saber cuánto tiempo tomó la migración, utilicé la técnica pomodoro para trabajar en partes concentradas de 25 minutos en mi proyecto, cada vez que encontraba algo de tiempo.

El sitio web se migró después de aproximadamente 49 horas de trabajo. ?

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

Licencia

Todo el contenido tiene derechos de autor de Stefan Imhoff a menos que se indique lo contrario. Siéntete libre de aprender del código fuente y reutilizar el código para tus proyectos. Lo único que no está permitido es el uso de mi diseño (la combinación única de diseño, fuentes, imágenes), fotografías privadas y logotipo.

En palabras más sencillas: este no es un tema gratuito . Aprenda de ello. Remezclar. Reutilizar. Construye tus propias cosas.