|
2 days ago | |
---|---|---|
.circleci | 2 years ago | |
.well-known | 8 months ago | |
_includes | 2 days ago | |
_layouts | 8 months ago | |
_posts | 1 week ago | |
_sass | 1 month ago | |
blog | 8 months ago | |
bootstrap | 8 months ago | |
css | 8 months ago | |
favicon | 8 months ago | |
fonts | 8 months ago | |
images | 8 months ago | |
js | 1 week ago | |
media | 4 weeks ago | |
webfonts | 8 months ago | |
.gitignore | 4 years ago | |
.ruby-version | 8 months ago | |
404.html | 8 months ago | |
Gemfile | 8 months ago | |
README.md | 8 months ago | |
_config.yml | 1 week ago | |
about.md | 1 week ago | |
apple-touch-icon.png | 8 months ago | |
browserconfig.xml | 8 months ago | |
calendar-list.html | 1 week ago | |
calendar.html | 1 week ago | |
calendar_old.md | 1 month ago | |
cms.md | 1 month ago | |
contact.md | 1 week ago | |
datenschutzerklaerung.md | 8 months ago | |
favicon-16x16.png | 8 months ago | |
favicon-32x32.png | 8 months ago | |
favicon-96x96.png | 8 months ago | |
favicon.ico | 8 months ago | |
feed.xml | 8 months ago | |
impressum.md | 8 months ago | |
index.html | 1 week ago | |
location.md | 8 months ago | |
status.html | 8 months ago | |
virtuell.md | 2 days ago |
Die Chaospott Seite / Der Blog
Zu finden auf chaospott.de
jekyll + bootstrap
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 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.jpg
Der 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.jpg
Wenn das Bild in der korrekten Größe und Ausrichtung vorliegt, kann es wie Folgt eingebunden werden.
