The Chaospott Website [chaospott.de](https://chaospott.de)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

45 lines
1.6 KiB

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