<commit_before>---
layout: post
site-title: Zutaten
---
Mit [Jekyll](http://jekyllrb.com/) wird aus einem Haufen verrückter Dateien eine voll funktionsfähige, statische Website. Die funktioniert sogar offline, wenn die Pfade ohne `/` beginnen und die Links in der Navigation angepasst werden. Aber das ist ja nicht der primäre Zweck einer Website, was?

Das, was Jekyll macht, ist großartig, denn mehr brauche ich garnicht. Es gibt ein Blog samt Paginierung. Beiträge kann ich bequem in [Markdown](http://daringfireball.net/projects/markdown/) schreiben. Anpassungen an der Seite muss ich nicht in einem Dutzend HTML-Dateien vornehmen, sondern lediglich in einem Layoutdatei.

Mit einem `jekyll serve -w` in der Kommandozeile lässt sich mittels lokalem Server testen. Dabei kann ich Änderungen direkt sehen und neue Artikel _testen_. SASS wird beim Speichern von [Prepros](http://alphapixels.com/prepros/) mit [config.rb](http://github.com/kleinfreund/kleinfreund.github.io/blob/master/config.rb) als normale und als komprimierte CSS-Datei ausgegeben.

Für's CSS verwende ich noch [inuit.css](http://inuitcss.com/), von dem ich eigentlich mal einen Fork machen sollte, weil ich eben doch nicht alles daraus brauche. Damit warte ich vorerst aber, weil Harry sicher irgendwann dieses Jahr inuitcss 5 raushaut. Er hat jedenfalls schon mal den _Punkt_ aus dem Namen entfernt.

Ganz nebenbei bin ich auf eine weitere Seite aus dem Stack Exchange Netzwerk gestoßen, die ich vorher noch nicht kannte. Nein, mit Aktien hat das nichts zu tun. [Code&nbsp;Review](http://codereview.stackexchange.com/)! Dort kann man&hellip; seinen Code überprüfen lassen (sic!). Das habe ich gleich genutzt und Teile der Seite durchchecken lassen ([hier](http://codereview.stackexchange.com/questions/39890/improve-page-specific-css-for-different-color-schemes), [hier](http://codereview.stackexchange.com/questions/40142/markup-of-a-blog-page-and-its-posts) und [hier](http://codereview.stackexchange.com/questions/40574/improve-mixin-that-outputs-page-specific-css)).

Welche Hilfsmittel benutzt ihr denn für eure Websites? Lasst mir ein paar Statements da: [@kleinfreund](https://twitter.com/kleinfreund).<commit_msg>Updated links for post "Zutaten"<commit_after>---
layout: post
site-title: Zutaten
---
Mit [Jekyll](http://jekyllrb.com/) wird aus einem Haufen verrückter Dateien eine voll funktionsfähige, statische Website. Die funktioniert sogar offline, wenn die Pfade ohne `/` beginnen und die Links in der Navigation angepasst werden. Aber das ist ja nicht der primäre Zweck einer Website, was?

Das, was Jekyll macht, ist großartig, denn mehr brauche ich garnicht. Es gibt ein Blog samt Paginierung. Beiträge kann ich bequem in [Markdown](http://daringfireball.net/projects/markdown/) schreiben. Anpassungen an der Seite muss ich nicht in einem Dutzend HTML-Dateien vornehmen, sondern lediglich in einem Layoutdatei.

Mit einem `jekyll serve -w` in der Kommandozeile lässt sich mittels lokalem Server testen. Dabei kann ich Änderungen direkt sehen und neue Artikel _testen_. SASS wird beim Speichern von [Prepros](http://alphapixels.com/prepros/) mit [config.rb](http://github.com/kleinfreund/kleinfreund.github.io/blob/master/config.rb) als normale und als komprimierte CSS-Datei ausgegeben.

Für's CSS verwende ich noch [inuit.css](http://inuitcss.com/), von dem ich eigentlich mal einen Fork machen sollte, weil ich eben doch nicht alles daraus brauche. Damit warte ich vorerst aber, weil Harry sicher irgendwann dieses Jahr inuitcss 5 raushaut. Er hat jedenfalls schon mal den _Punkt_ aus dem Namen entfernt.

Ganz nebenbei bin ich auf eine weitere Seite aus dem Stack Exchange Netzwerk gestoßen, die ich vorher noch nicht kannte. Nein, mit Aktien hat das nichts zu tun. [Code&nbsp;Review](http://codereview.stackexchange.com/)! Dort kann man&hellip; seinen Code überprüfen lassen (sic!). Das habe ich gleich genutzt und Teile der Seite durchchecken lassen ([hier](http://codereview.stackexchange.com/q/39890/35408), [hier](http://codereview.stackexchange.com/q/40142/35408) und [hier](http://codereview.stackexchange.com/q/40574/35408)).

Welche Hilfsmittel benutzt ihr denn für eure Websites? Lasst mir ein paar Statements da: [@kleinfreund](https://twitter.com/kleinfreund).
{'fraction_non_alphanumeric': 0.08818011257035648, 'fraction_numerical': 0.01102251407129456, 'mean_word_length': 5.101573676680973, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6172921', 'n_tokens_mistral': 1462, 'n_tokens_neox': 1454, 'n_words': 485}