Ini adalah sumber situs web seni bela diri saya yang dibuat dengan Hugo dan Gulp.js.
Anda memerlukan Hugo untuk menjalankan situs web ini (misalnya dengan Homebrew):
$ brew install hugo
Anda perlu menginstal GraphicsMagick untuk pembuatan thumbnail:
$ brew install graphicsmagick
Instal nvm
dan versi node
yang benar:
$ git clone https://github.com/creationix/nvm.git ~ /.nvm
$ cd ~ /.nvm
$ git checkout ` git describe --abbrev=0 --tags `
$ nvm install 6.3.1
Saya sarankan menggunakan Yarn, jika tidak, ganti semua kemunculan yarn
dengan npm
.
Setelah mengkloning repositori, jalankan:
$ yarn install
Tugas-tugas ini disediakan:
$ 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
Saya memigrasikan situs web ini dari Jekyll ke Hugo. Ini tidak hanya mencakup migrasi, tetapi saya menerapkan tata letak halaman lengkap dengan CSS Grid Layout dan menambahkan Service Worker.
Untuk mengetahui berapa lama waktu yang dibutuhkan untuk migrasi, saya menggunakan teknik pomodoro untuk bekerja dalam waktu terfokus selama 25 menit pada proyek saya, kapan pun saya punya waktu.
Situs web dimigrasikan setelah ~49 jam kerja. ?
??????????????????????????????????????????????????? ??????????????????????????????????????????????????? ??????????????????
Semua konten merupakan hak cipta oleh Stefan Imhoff kecuali dinyatakan lain. Jangan ragu untuk belajar dari kode sumber dan menggunakan kembali kode untuk proyek Anda. Satu-satunya hal yang tidak diperbolehkan adalah penggunaan desain saya (kombinasi unik tata letak, font, gambar), foto pribadi, dan logo.
Dengan kata yang lebih mudah: Ini bukan tema gratis . Belajarlah darinya. campuran. Gunakan kembali. Bangun barang Anda sendiri.