# Readme

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                   | Action                                           |
| :------------------------ | :----------------------------------------------- |
| `npm install`             | Installs dependencies                            |
| `npm run dev`             | Starts local dev server at `localhost:4321`      |
| `npm run build`           | Build your production site to `./dist/`          |
| `npm run preview`         | Preview your build locally, before deploying     |
| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI                     |

## Bilder für Webuseage convertieren

`for file in *.{jpg,png}; magick "$file" -resize 50% "$file"; end`

`magick mogrify -format webp -quality 80 *.{jpg,png}`

## Vorlage für MDX-Artikel

---
title: 
subtitle: 
description:
image:
    path: titelbild_artikelordner.webp
    alt: 
author: Bernd das Brot
date: 2026-08-29
slug: Wie-soll-die-URL-aussehen?
time2read: 0
---
import BlogLink from '../../components/blog/BlogLink.astro'
import SingleImage from '../../components/blog/SingleImage.astro'
import DoubleImage from '../../components/blog/DoubleImage.astro'

Hier kann man in den Artikel einleiten.<br /> 
Evtl. ist es das gleiche wie die Beschreibung.

---
<br />
## Große Überschrift für einen Abschnitt

Textus schreibus .

<SingleImage 
    src="artikelordner/name.webp" 
    alt="" 
    description=""
/>

Lorem ipsum dolor sit amet.

### Zwischenüberschrift

Lorem Ipsum <BlogLink text="Lorem Ipsum" url="https://www.loremipsum.com/" />. 

<DoubleImage 
    src1="artikelordner/name.webp"
    alt1=""
    src2="artikelordner/name.webp"
    alt2=""
    description=""
/>

<br />

---

**Hier ist Platz für ein Schlusswort.**