هذا هو مصدر موقع الويب الخاص بالفنون القتالية الذي تم إنشاؤه باستخدام 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 وأضفت عامل الخدمة.
لمعرفة المدة التي استغرقها الترحيل، استخدمت تقنية البومودورو للعمل في أجزاء مركزة مدتها 25 دقيقة على مشروعي، كلما وجدت بعض الوقت.
تم ترحيل الموقع بعد حوالي 49 ساعة من العمل. ؟
؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
جميع المحتويات محمية بحقوق الطبع والنشر من قبل ستيفان إيمهوف ما لم ينص على خلاف ذلك. لا تتردد في التعلم من الكود المصدري وإعادة استخدام الكود لمشاريعك. الشيء الوحيد غير المسموح به هو استخدام تصميمي (المزيج الفريد من التخطيط والخطوط والصور) والصور الخاصة والشعار.
بكلمات أسهل: هذا ليس موضوعًا مجانيًا . تعلم منه. ريمكس. إعادة الاستخدام. بناء الاشياء الخاصة بك.