site/README.md

46 lines
1.6 KiB
Markdown
Raw Normal View History

2019-07-08 21:05:12 +00:00
# site
2014-10-20 21:30:51 +00:00
2019-07-08 21:05:12 +00:00
Die Chaospott Seite / Der Blog
Zu finden auf [chaospott.de](https://chaospott.de)
2014-10-20 21:30:51 +00:00
2014-11-03 21:39:52 +00:00
jekyll + bootstrap
## Blogeinträge
### Text
2020-07-05 16:11:07 +00:00
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:
2015-02-12 10:49:20 +00:00
<pre><code>---
layout: post
title: "Neues Update für DocPatch"
date: 2015-05-23 13:37:00
categories: docpatch
---</code></pre>
Damit wird der Titel des Blogeintrags, das Datum der Veröffentlichung und die Kategorie (optional) festgelegt.
### Bilder
2014-11-03 21:39:52 +00:00
Bilder für Blogeinträge werden unterhalb von Media in einem eigenen Verzeichnis (Jahr-MM-TT) abgelegt.
2014-11-03 21:39:52 +00:00
2015-03-22 13:45:39 +00:00
<pre><code>~/site/media/jahr-mm-tt
</code></pre>
Als erstes sollte man die Exif-Daten (z.B. Geoinformation) der Bilder entfernen. Dabei wird auch die „Rotation“ des Bildes entfernt.
2015-02-12 10:49:20 +00:00
<pre><code>exiftool -all= $Bild
</code></pre>
Ggf. muss das Bild gedreht werden, wenn es ohne die Metatags auf dem Kopf steht oder auf der Seite liegt.
2020-01-14 20:38:19 +00:00
<pre><code>convert -rotate 90 $Bild $Bild_out.jpg</code></pre>
2015-02-12 10:49:20 +00:00
Der vorletzte Schritt setzt die Bilder auf eine einheitliche Breite.
2015-02-12 10:49:20 +00:00
<pre><code>mogrify -resize "1140>" $Bild
2015-03-25 15:58:49 +00:00
</code></pre>
Viele Bilder können noch optimiert werden, damit der benötige Speicherplatz und die zu übertragende Datenmenge reduziert wird.
2020-01-14 20:38:19 +00:00
<pre><code>jpegoptim -m 80 %Bild.jpg</code></pre>
2015-03-25 15:58:49 +00:00
Wenn das Bild in der korrekten Größe und Ausrichtung vorliegt, kann es wie Folgt eingebunden werden.
2015-03-25 15:59:21 +00:00
<pre><code>![Quelle: Chaospott]({{ site.url }}/media/Jahr-MM-TT/$Bild.jpg)
2015-03-25 15:58:49 +00:00
</code></pre>