website hugo kogakure.de

小隠.de

これは、Hugo と Gulp.js を使用して構築した格闘技 Web サイトのソースです。

インストール

この Web サイトを実行するには 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 を使用することをお勧めします。そうでない場合は、 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 

タイムカウンター

このウェブサイトを Jekyll から Hugo に移行しました。これには移行だけでなく、CSS グリッド レイアウトを使用して完全なページ レイアウトを実装し、Service Worker を追加しました。

移行にどれくらい時間がかかるかを調べるために、時間を見つけてはポモドーロ テクニックを使用して、プロジェクトを 25 分間集中して作業しました。

Web サイトは、約 49 時間の作業を経て移行されました。 ?

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

ライセンス

特に明記されていない限り、すべてのコンテンツの著作権は Stefan Imhoff にあります。ソース コードから自由に学習し、プロジェクトでコードを再利用してください。唯一許可されていないのは、マイデザイン（レイアウト、フォント、画像の独自の組み合わせ）、個人の写真、ロゴの使用です。

簡単に言うと、これは無料のテーマではありません。そこから学びましょう。リミックス。再利用。自分自身のものを構築してください。