72 lines
2.1 KiB
Markdown
72 lines
2.1 KiB
Markdown
# 07 — Bilder und Anhänge
|
|||
|
|
|
||
|
|
🌍 [English](../../en/07-images-and-media/readme.md) · [Türkçe](../../tr/07-images-and-media/readme.md) · **Deutsch** · [Français](../../fr/07-images-and-media/readme.md) · [Русский](../../ru/07-images-and-media/readme.md)
|
||
|
|
|
||
|
|
## Ein Bild in ein Dokument einbauen
|
||
|
|
|
||
|
|
1. Laden Sie das Bild neben das Dokument: Ordner öffnen, **Datei hinzufügen → Datei hochladen**.
|
||
|
|
2. Verweisen Sie in der Markdown-Datei darauf:
|
||
|
|
|
||
|
|
```markdown
|
||
|
|

|
||
|
|
```
|
||
|
|
|
||
|
|
Der Text in den eckigen Klammern ist die Beschreibung, die erscheint, wenn das Bild nicht geladen werden kann, und die Screenreader vorlesen. Schreiben Sie eine echte Beschreibung, nicht „Bild“.
|
||
|
|
|
||
|
|
## Wo Bilder liegen sollten
|
||
|
|
|
||
|
|
Ein vorhersehbarer Aufbau, der immer funktioniert:
|
||
|
|
|
||
|
|
```
|
||
|
|
projekt/
|
||
|
|
readme.md
|
||
|
|
assets/
|
||
|
|
topologie.png
|
||
|
|
rack.jpg
|
||
|
|
```
|
||
|
|
|
||
|
|
und in `readme.md`:
|
||
|
|
|
||
|
|
```markdown
|
||
|
|

|
||
|
|
```
|
||
|
|
|
||
|
|
## Benennung — die eine Regel
|
||
|
|
|
||
|
|
Verwenden Sie für **Ordner** und Bilddateien Kleinbuchstaben ohne Leerzeichen:
|
||
|
|
|
||
|
|
| Anfällig | Sicher |
|
||
|
|
|----------|--------|
|
||
|
|
| `Bildschirmfoto.PNG` | `bildschirmfoto.png` |
|
||
|
|
| `1-) Inter-VLAN Notizen/` | `01-inter-vlan/` |
|
||
|
|
|
||
|
|
Enthält ein Name doch Leerzeichen, schreiben Sie sie im Link als `%20`:
|
||
|
|
|
||
|
|
```markdown
|
||
|
|

|
||
|
|
```
|
||
|
|
|
||
|
|
## Die Größe steuern
|
||
|
|
|
||
|
|
Markdown kennt keine Größenangabe; nutzen Sie bei Bedarf einfaches HTML:
|
||
|
|
|
||
|
|
```markdown
|
||
|
|
<img src="assets/topologie.png" alt="Netzwerktopologie" width="600">
|
||
|
|
```
|
||
|
|
|
||
|
|
## Eine Datei verlinken, statt sie anzuzeigen
|
||
|
|
|
||
|
|
Lassen Sie das Ausrufezeichen weg, und Sie erhalten einen Download-Link:
|
||
|
|
|
||
|
|
```markdown
|
||
|
|
[Packet-Tracer-Datei](main.pkt)
|
||
|
|
```
|
||
|
|
|
||
|
|
## Anhänge in Issues
|
||
|
|
|
||
|
|
Ziehen Sie beim Schreiben eines Issues oder Kommentars eine Datei in das Textfeld. Sie wird hochgeladen und der Link automatisch eingefügt. Nutzen Sie das für Screenshots und Logs, die nicht ins Repository selbst gehören.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
⬅ [Zurück: 06 — Markdown-Grundlagen](../06-markdown-basics/readme.md) · 📚 [Inhalt](../README.md) · [Weiter: 08 — Commits und Historie](../08-commits-and-history/readme.md) ➡
|