website hugo kogakure.de

kogakure.de

这是我用 Hugo 和 Gulp.js 构建的武术网站的源码。

安装

您将需要 Hugo 来运行该网站（例如使用 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 ，否则用npm替换所有出现的yarn 。

克隆存储库后运行：

$ 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 

时间计数器

我将此网站从 Jekyll 迁移到 Hugo。这不仅包括迁移，还包括使用 CSS 网格布局实现了完整的页面布局并添加了 Service Worker。

为了了解迁移需要多长时间，每当我有时间时，我都会使用番茄工作法在我的项目上集中工作 25 分钟。

经过约 49 小时的工作后，该网站已完成迁移。 ？

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

执照

除非另有说明，所有内容的版权均归 Stefan Imhoff 所有。请随意学习源代码并为您的项目重用代码。唯一不允许的是使用我的设计（布局、字体、图像的独特组合）、私人照片和徽标。

用更简单的话来说：这不是一个免费主题。从中学习。混音。重复使用。构建你自己的东西。