website hugo 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 ไม่เช่นนั้นให้แทนที่ 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 Grid Layout และเพิ่ม Service Worker

หากต้องการทราบว่าการย้ายข้อมูลใช้เวลานานเท่าใด ฉันใช้เทคนิค Pomodoro เพื่อทำงานในโปรเจ็กต์ที่เน้นเวลา 25 นาทีทุกครั้งที่มีเวลา

เว็บไซต์ถูกย้ายหลังจากทำงานประมาณ 49 ชั่วโมง -

-

ใบอนุญาต

เนื้อหาทั้งหมดเป็นลิขสิทธิ์ของ Stefan Imhoff เว้นแต่จะระบุไว้เป็นอย่างอื่น รู้สึกอิสระที่จะเรียนรู้จากซอร์สโค้ดและนำโค้ดกลับมาใช้ใหม่สำหรับโปรเจ็กต์ของคุณ สิ่งเดียวที่ไม่ได้รับอนุญาตคือการใช้การออกแบบของฉัน (การผสมผสานที่เป็นเอกลักษณ์ของเค้าโครง แบบอักษร รูปภาพ) ภาพถ่ายส่วนตัว และโลโก้

พูดง่ายๆ ก็คือ นี่ไม่ใช่ธีมฟรี เรียนรู้จากมัน รีมิกซ์ ใช้ซ้ำ สร้างสิ่งของของคุณเอง