Dies ist die Quelle meiner mit Hugo und Gulp.js erstellten Kampfsport-Website.
Sie benötigen Hugo, um diese Website zu betreiben (z. B. mit Homebrew):
$ brew install hugo
Sie müssen GraphicsMagick für die Miniaturbildgenerierung installieren:
$ brew install graphicsmagick
Installieren Sie nvm
und die richtige node
:
$ git clone https://github.com/creationix/nvm.git ~ /.nvm
$ cd ~ /.nvm
$ git checkout ` git describe --abbrev=0 --tags `
$ nvm install 6.3.1
Ich empfehle die Verwendung von Yarn, andernfalls ersetzen Sie alle Vorkommen von yarn
durch npm
.
Führen Sie nach dem Klonen des Repositorys Folgendes aus:
$ yarn install
Diese Aufgaben werden bereitgestellt:
$ 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
Ich habe diese Website von Jekyll auf Hugo migriert. Dazu gehörte nicht nur die Migration, sondern ich implementierte ein komplettes Seitenlayout mit CSS Grid Layout und fügte einen Service Worker hinzu.
Um herauszufinden, wie lange die Migration gedauert hat, habe ich die Pomodoro-Technik verwendet, um in konzentrierten Abschnitten von 25 Minuten an meinem Projekt zu arbeiten, wann immer ich etwas Zeit fand.
Die Website wurde nach ca. 49 Stunden Arbeit migriert. ?
????????????????????????????????????????????????? ????????????????????????????????????????????????? ??????????????????
Das Urheberrecht aller Inhalte liegt bei Stefan Imhoff, sofern nicht anders angegeben. Lernen Sie gerne aus dem Quellcode und verwenden Sie den Code für Ihre Projekte wieder. Das Einzige, was nicht erlaubt ist, ist die Verwendung meines Designs (die einzigartige Kombination aus Layout, Schriftarten, Bildern), privaten Fotos und Logos.
Einfacher ausgedrückt: Dies ist kein kostenloses Theme . Lernen Sie daraus. Remix. Wiederverwendung. Bauen Sie Ihre eigenen Sachen.