website hugo kogakure.de
1.0.0
這是我用 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 所有。請隨意學習原始程式碼並為您的專案重複使用程式碼。唯一不允許的是使用我的設計(佈局、字體、圖像的獨特組合)、私人照片和標誌。
用更簡單的話來說:這不是一個免費主題。從中學習。混音。重複使用。建構你自己的東西。