이것은 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을 사용하는 것이 좋습니다. 그렇지 않으면 모든 발생 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 그리드 레이아웃을 사용하여 완전한 페이지 레이아웃을 구현하고 서비스 워커를 추가하는 것도 포함되었습니다.
마이그레이션에 소요되는 시간을 확인하기 위해 시간이 날 때마다 pomodoro 기술을 사용하여 프로젝트에 25분씩 집중적으로 작업했습니다.
웹사이트는 약 49시간의 작업 후에 마이그레이션되었습니다. ?
???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????
달리 명시되지 않는 한 모든 콘텐츠의 저작권은 Stefan Imhoff에게 있습니다. 자유롭게 소스 코드를 배우고 프로젝트에 코드를 재사용하세요. 허용되지 않는 유일한 것은 내 디자인(레이아웃, 글꼴, 이미지의 고유한 조합), 개인 사진 및 로고를 사용하는 것입니다.
더 쉽게 말하면: 이것은 무료 테마가 아닙니다 . 그것으로부터 배우십시오. 리믹스. 재사용. 나만의 물건을 만들어 보세요.