Markdown-Spickzettel
Markdown ist eine praktische Art um Webseiten zu bearbeiten.
Grundlagen
Text formatieren:
Normal **Fettschrift** *Kursiv* ~~Durchgestrichen~~ `Code`
Eine Liste erstellen:
* Punkt eins
* Punkt zwei
* Punkt drei
Eine sortierte Liste erstellen:
1. Punkt eins
2. Punkt zwei
3. Punkt drei
Eine Aufgabenliste erstellen:
- [x] Punkt eins
- [ ] Punkt zwei
- [ ] Punkt drei
Eine Überschrift erstellen:
# Überschrift 1
## Überschrift 2
### Überschrift 3
Zitate erstellen:
> Zitat
>> Zitat im Zitat
>>> Zitat im Zitat im Zitat
Links erstellen:
[Link zu Seite](/de/help/how-to-make-a-website)
[Link zu Datei](/media/downloads/yellow.pdf)
[Link zu Webseite](https://datenstrom.se/de/)
Ein Bild hinzufügen:
[image photo.jpg]
[image photo.jpg Beispiel]
[image photo.jpg "Dies ist ein Beispielbild"]
Ein Bild hinzufügen, alternatives Format:



Extras
Tabellen erstellen:
| Kaffee | Milch | Stärke |
|------------|-------|---------|
| Espresso | nein | stark |
| Macchiato | ja | mittel |
| Cappuccino | ja | schwach |
Fußnoten erstellen:
Text mit einer Fußnote[^1] und noch weiteren Fußnoten.[^2] [^3]
[^1]: Hier ist die erste Fußnote
[^2]: Hier ist die zweite Fußnote
[^3]: Hier ist die dritte Fußnote
Quellcode anzeigen:
```
Quellcode wird unverändert angezeigt.
function onLoad($yellow) {
$this->yellow = $yellow;
}
```
Absätze erstellen:
Hier ist der erste Absatz. Der Text kann über mehrere Zeilen gehen
und kann durch eine Leerzeile vom nächsten Absatz getrennt werden.
Hier ist der zweite Absatz.
Zeilenumbrüche erstellen:
Hier ist die erste Zeile⋅⋅
Hier ist die zweite Zeile⋅⋅
Hier ist die dritte Zeile⋅⋅
Leerzeichen am Zeilenende sind dargestellt durch Punkte (⋅)
Hinweise erstellen:
! Hier ist ein Hinweis mit Warnung
!! Hier ist ein Hinweis mit Fehler
!!! Hier ist ein Hinweis mit Tipp
CSS benutzen:
! {.class}
! Hier ist ein Hinweis mit benutzerdefinierter Klasse.
! Der Text kann über mehrere Zeilen gehen
! und Markdown-Formatierung beinhalten.
HTML benutzen:
<strong>Text mit HTML</strong> kann wahlweise benutzt werden.
<a href="https://datenstrom.se/de/" target="_blank">Link in einem neuen Tab öffnen</a>.
Abkürzungen
[image photo.jpg Beispiel - 50%]
= Miniaturbild hinzufügen
[gallery photo.*jpg - 20%]
= Bildergalerie hinzufügen
[slider photo.*jpg]
= Bildergalerie mit Schieber hinzufügen
[youtube fhs55HEl-Gc]
= Youtube-Video einbinden
[soundcloud 101175715]
= Soundcloud-Audio einbinden
[twitter datendeveloper]
= Twitter-Nachrichten einbinden
[instagram BISN9ngjV2-]
= Instagram-Foto einbinden
[googlecalendar de.german#holiday]
= Google-Kalender einbinden
[googlemap Stockholm]
= Google-Karte einbinden
[blogchanges /blog/]
= neuste Blogseiten anzeigen
[wikichanges /wiki/]
= neuste Wikiseiten anzeigen
[fa fa-envelope-o]
= Icons und Symbole anzeigen
[ea ea-smile]
= Emoji und bunte Bilder
[yellow about]
= Webseite-Version anzeigen
[edit]
= Webseite im Webbrowser bearbeiten
[toc]
= Inhaltsverzeichnis anzeigen
[--more--]
= Seitenumbruch hinzufügen
Einstellungen
Title
= Seitentitel
TitleContent
= Seitentitel der im Inhalt angezeigt wird
TitleNavigation
= Seitentitel der in der Navigation angezeigt wird
TitleHeader
= Seitentitel der im Webbrowser angezeigt wird
TitleSlug
= Seitentitel zum Speichern der Seite
Description
= Beschreibung der Seite
Author
= Autoren der Seite, durch Komma getrennt
Email
= E-Mail des Seitenautors
Language
= Sprache der Seite
Layout
= Layout der Seite
LayoutNew
= Layout um eine neue Seite zu erzeugen
Theme
= Thema der Seite
Parser
= Parser der Seite
Status
= Status für Arbeitsablauf
Image
= Bild der Seite
ImageAlt
= Alternative Bildbeschreibung der Seite
Modified
= Änderungsdatum der Seite, JJJJ-MM-TT Format
Published
= Veröffentlichungsdatum der Seite, JJJJ-MM-TT Format
Tag
= Tags zur Kategorisierung der Seite, durch Komma getrennt
Redirect
= Umleitung zu einer neuen Seite oder URL