| _includes | ||
| _layouts | ||
| _posts | ||
| _sass | ||
| .circleci | ||
| .well-known | ||
| blog | ||
| bootstrap | ||
| css | ||
| favicon | ||
| fonts | ||
| images | ||
| js | ||
| media | ||
| webfonts | ||
| _config.yml | ||
| .gitignore | ||
| .ruby-version | ||
| 404.html | ||
| about.md | ||
| apple-touch-icon.png | ||
| browserconfig.xml | ||
| calendar_old.md | ||
| calendar-list.html | ||
| calendar.html | ||
| cms.md | ||
| contact.md | ||
| datenschutzerklaerung.md | ||
| favicon-16x16.png | ||
| favicon-32x32.png | ||
| favicon-96x96.png | ||
| favicon.ico | ||
| feed.xml | ||
| Gemfile | ||
| impressum.md | ||
| index.html | ||
| location.md | ||
| README.md | ||
| status.html | ||
| virtuell.md | ||
site
Die Chaospott Seite / Der Blog
Zu finden auf chaospott.de
jekyll + bootstrap
Blogeinträge
Text
Blogeinträge werden in dem Verzeichnis „_posts“ abgelegt. Um einen Blogeintrag zu verfassen legt man eine Datei mit dem Schema „Jahr-MM-TT-Titel.markdown“ an. Der Blogeintrag beginnt mit folgenden Metadaten:
---
layout: post
title: "Neues Update für DocPatch"
date: 2015-05-23 13:37:00
categories: docpatch
---Damit wird der Titel des Blogeintrags, das Datum der Veröffentlichung und die Kategorie (optional) festgelegt.
Bilder
Bilder für Blogeinträge werden unterhalb von Media in einem eigenen Verzeichnis (Jahr-MM-TT) abgelegt.
~/site/media/jahr-mm-tt
Als erstes sollte man die Exif-Daten (z.B. Geoinformation) der Bilder entfernen. Dabei wird auch die „Rotation“ des Bildes entfernt.
exiftool -all= $Bild
Ggf. muss das Bild gedreht werden, wenn es ohne die Metatags auf dem Kopf steht oder auf der Seite liegt.
convert -rotate 90 $Bild $Bild_out.jpgDer vorletzte Schritt setzt die Bilder auf eine einheitliche Breite.
mogrify -resize "1140>" $Bild
Viele Bilder können noch optimiert werden, damit der benötige Speicherplatz und die zu übertragende Datenmenge reduziert wird.
jpegoptim -m 80 %Bild.jpgWenn das Bild in der korrekten Größe und Ausrichtung vorliegt, kann es wie Folgt eingebunden werden.
