website hugo kogakure.de

kogakure.de

Esta é a fonte do meu site de artes marciais construído com Hugo e Gulp.js.

Instalação

Você precisará do Hugo para administrar este site (por exemplo, com Homebrew):

$ brew install hugo

Você precisará instalar o GraphicsMagick para geração de miniaturas:

$ brew install graphicsmagick

Instale nvm e a versão correta node :

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

Eu recomendo usar Yarn, caso contrário substitua todas as ocorrências de yarn por npm .

Após clonar o repositório, execute:

$ yarn install

Tarefas

Essas tarefas são fornecidas:

$ 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 tempo

Migrei este site do Jekyll para o Hugo. Isso incluiu não apenas a migração, mas implementei um layout de página completo com CSS Grid Layout e adicionei um Service Worker.

Para saber quanto tempo demorou a migração, usei a técnica pomodoro para trabalhar em pedaços focados de 25 minutos no meu projeto, sempre que tinha tempo.

O site foi migrado após aproximadamente 49 horas de trabalho. ?

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

Licença

Todo o conteúdo é de propriedade de Stefan Imhoff, salvo indicação em contrário. Sinta-se à vontade para aprender com o código-fonte e reutilizá-lo em seus projetos. A única coisa que não é permitida é a utilização do meu design (a combinação única de layout, fontes, imagens), fotos privadas e logotipo.

Em palavras mais fáceis: Este não é um tema gratuito . Aprenda com isso. Remixar. Reutilizar. Construa suas próprias coisas.