› basierend auf der Website UIengineering.de und dem Repository von @dennisreimann.

Abhängigkeiten installieren:

$ npm install

Mit folgendem Task genutzt werden Änderungen kontinuierlich gebaut:

$ npm start

Der Befehl startet einen lokalen Entwicklungs-Server unter http://localhost:3000/

• Die MP3-Datei wird unter src/mp3s abgelegt
• In src/podcast legt man auf Basis einer bestehenden Markdown Datei eine neue an (Datum und Name anpassen)
• Das Bild der Episode wird in der Größe 3000 bereits optimiert unter src/images/podcast in einem Ordner mit dem Episoden-Bezeichner abgelegt. Der Ordnername wird als imageDir in den Metadaten im Markdown referenziert.
• Der Bild-Generierungstask (siehe nächster Punkt) wird gestartet.

Für das Skalieren der Bilder werden ImageMagick und GraphicsMagick benötigt:

$ brew install imagemagick
$ brew install graphicsmagick

Damit kann man nun mit folgendem Task aus einem 3000er-Vorlagebild alle entsprechenden Größen generieren:

$ npm run images

Dieser Task muss manuell ausgeführt werden und ist nicht Bestandteil des normalen Buildprozess, da die generierten Bilder im src-Verzeichnis abgelegt werden und dieser Schritt nur einmal erfolgen sollte.

Der Sketch Library Export kann mit foilgendem Befehl generiert werden:

$ npm run sketch

Daraufhin liegen im Ordner sketch die Dateien, die in Sketch über das asketch-Plugin importiert werden können.

Dieser Befehl erstellt einen neuen Production-Build und deployed diesen:

$ npm run build-and-deploy