Grundsätzlich verhält sich das Template wie normaler Markdown-Text. Es gibt aber einige erweiterte Funktionen. Für weitere Infos siehe Github.
Das Inhaltsverzeichnis kann über ein toc
(Table of Contents) Code-Block gesteuert werden.
exclude
– welcher Titel soll nicht im Inhaltsverzeichnis erscheinenfrom-heading
– erste Stufe, die ausgegeben werden soll. 2
= h2
to-heading
– letzte Stufe, die ausgegeben werden soll. 6
= h6
```toc
exclude: Inhaltsverzeichnis
from-heading: 2
to-heading: 6
```
siehe oben
Text Marginalie · Randspalten mit <Margin></Margin>
-Tags umschliessen.
Text · Normaler Text kann wie in Markdown üblich verfasst werden.
* Item A
* Item B
* Item C
1. Item 1
2. Item 2
3. Item 3
Code kann entweder als Block oder Inline eingegeben werden.
Inline `code`
```js
var kk = "kk";
```
Inline code
var kk = "kk";
Text mit Fussnoten kann wie in Markdown üblich entweder mit Referenzen gemacht werden:
_«Zitat A»_[^quote-one]
[^quote-one]: ...
oder inline
_«Zitat B»_[^hier der Text]
Möchte man die Abbildungen (oder weitere Verzeichnisse) ausserhalb der Fussnoten pflegen, kann man die Fussnoten mit einem Gruppen-Prefix (:gruppe:
) markieren:
_Bild A_[^:fig:one]
[^:fig:one]: ...
oder inline
_Bild B_[^:fig:hier der Text]
Absätze mit Zitaten können speziell markiert werden.
> Absatz als Zitat.[^quote-one]
Absatz als Zitat.1
Wenn unter einem Bild direkt im Anschluss ein ausgezeichneter Text (*text*
) steht, erhält dieser Text die Formatierung für Bildunterschriften.
![Cat](./img/header.jpg)
*Wow so miau. Much cute.[^:fig:pic-source]*
Wow so miau. Much cute.Fig. 3
Videos sollten in eine responsive Box
gepackt werden. Als Ratio kann 16:9, 4:3 oder 3:2 gangegeben werden.
<Box ratio="16:9">
<iframe src="https://player.vimeo.com/video/169809377" frameborder="0"></iframe>
</Box>
<Grid>
![Cat](./img/header.jpg)
*Hello Cat[^:fig:pic-source]*
</Grid>
Hello CatFig. 3
<Grid background>
![Cat](./img/header.jpg)
*Hello Cat[^:fig:pic-source]*
</Grid>
Hello CatFig. 3
<Grid>
<Column start="1" end="7">
### Cat Column A
...
</Column>
<Column start="7" end="13">
### Cat Column B
...
</Column>
</Grid>
(Kann auch bei Einzelnachweis gepflegt werden)
↑ Fig. 1 – Beispiel für Abbildungsverzeichnis.
↑ Fig. 2 – hier der Text
↑ Fig. 3 – Abbildung von lorempixel.com
Vorname Nachname
HFIAD 2017
Schule für Gestaltung Zürich
name@xyz.ch
Vorname Nachname
sonstiges
name@xyz.ch