Jak na Markdown

Markdown je jednoduchá a univerzální syntaxe pro formátování textu. Stále více autorů přechází na markdown, protože mohou formátovat svůj text během procesu psaní bez použití jakýchkoli formátovacích tlačítek. Jakmile se seznámí se syntaxí markdown, mohou psát formátovaný text mnohem snadněji a rychleji než s jakýmkoli standardním HTML editorem.

Vývojáři milují markdown, protože je mnohem čistší a úspornější než HTML. A mohou snadno převést markdown do mnoha dalších formátů dokumentů, jako je HTML a další.

Já, ač nejsem vývojář, přešel jsem rovněž na markdown, protož to je skriptovací jazyk který používá Joplin, Obsidian, Notion, a s pluginem i DokuWiki.

Obsah

Chcete-li vytvořit obsah, jednoduše napište [TOC] na samostatný řádek. Automaticky bude nahrazen obsahem, jako je tento.

Nadpisy

Headlines are simply done with hash chars like this:
# First Level Headline
## Second Level Headline
### Third Level Headline
#### Fourth Level Headline
##### Fifth Level Headline
###### Sixth Level Headline

Third Level Headline

Třetí nadpis je decentnější a má nižší prioritu než nadpis druhé úrovně.

Fourth Level Headline

Titulek čtvrté úrovně je decentnější a má nižší prioritu než nadpis třetí úrovně.

Fifth Level Headline

Nadpis páté úrovně je decentnější a má nižší prioritu než nadpis čtvrté úrovně.

Sixth Level Headline

Nadpis šesté úrovně je decentnější a má nižší prioritu než nadpis páté úrovně.

Odstavec

Odstavec je jednoduchý textový blok oddělený novým řádkem nad a pod.

Odstavec je jednoduchý textový blok oddělený novým řádkem nad a pod.

Měkké zalomení

Pro měkké zalomení řádku (např. pro dialog v literatuře) přidejte na konec řádku dvě mezery a použijte jednoduchý návrat.
She said: "Hello"  
He said: "again"

Pro měkké zalomení řádku (např. pro dialog v literatuře) přidejte na konec řádku dvě mezery a použijte jednoduchý návrat.

She said: "Hello"
He said: "again"

Zvýraznění

For italic text use one *asterix* or one _underscore_.
For bold text use two **asterix** or two __underscores__.

For italic text use one asterix or one underscore.

For bold text use two asterix or two underscores.

Použití speciálních znaků

které spouští formátování Markdown, aniž by došlo k jejich zpracování

\*hvězdičky, bez zdůraznění\*

*hvězdičky, bez zdůraznění*

Výpis

For an unordered list use a dash
- like 
- this
Or use one asterix
* like
* this
For an ordered list use whatever number you want and add a dot:
1. like
1. this

For an unordered list use a dash

  • like
  • this

Or use one asterix

  • like
  • this

For an ordered list use whatever number you want and add a dot:

  1. like
  2. this

Horizontalní linka

Easily created for example with three dashes like this:
---

Easily created for example with three dashes like this:

Odkazy

This is an ordinary [Link](http://typemill.net).
Links can also be [relative](/info).
You can link to anchors like this [anchor](#images)
You can also add a [title](http://typemill.net "typemill").
You can even add [ids or classes](http://typemill.net){#myid .myclass}.
Or you can use a shortcut like http://typemill.net.
You can even use a download-link like []()

This is an ordinary Link.

Links can also be relative.

You can link to anchors like this anchor

You can also add a title.

You can even add ids or classes.

Or you can use a shortcut like http://typemill.net.

markdown (PNG, 1.05 KB)

Images

The same rules as with links, but with a !
![alt-text](media/markdown.png)
*With caption*
![alt-text](media/markdown.png "my title"){#myid .imgClass}
*With caption that spans over several lines*
![alt-text](media/markdown.png "my title"){#myid .otherclass width=150px}

The same rules as with links, but with a !

alt
With Caption
alt
With a caption that spans over several lines.
alt-text

Linked Images

You can link an image with a nested syntax like this:
[![alt-text](media/markdown.png)](https://typemill.net)

You can link an image with a nested syntax like this:

alt-text

Image Position

You can controll the image position with the classes .left, .right and .middle like this:
![alt-text](media/markdown.png){.left}
*With caption that spans over several lines*
![alt-text](media/markdown.png){.right}
*With caption that spans over several lines*
![alt-text](media/markdown.png){.center}
*With caption that spans over several lines*
image float left
With caption that spans over several lines

První obrázek by se měl vznášet na levé straně tohoto odstavce. To nemusí fungovat se všemi motivy. Pokud jste vývojářem motivů, ujistěte se, že podporujete třídy obrázků „left“, „right“ a „center“. Tyto třídy můžete přidat ručně v režimu raw nebo je můžete přiřadit ve vizuálním režimu, když upravujete obrázek (dvojitým kliknutím na něj otevřete dialog). Obrázky na samostatném řádku se vykreslují pomocí prvků html5 figure a figcapture.

image float right
With caption that spans over several lines

Druhý obrázek by se měl vznášet na pravé straně tohoto odstavce. To nemusí fungovat se všemi motivy. Pokud jste vývojářem motivů, ujistěte se, že podporujete třídy obrázků „left“, „right“ a „center“. Tyto třídy můžete přidat ručně v režimu raw nebo je můžete přiřadit ve vizuálním režimu, když upravujete obrázek (dvojitým kliknutím na něj otevřete dialog). Obrázky na samostatném řádku se vykreslují pomocí prvků html5 figure a figcapture.

image center
With caption that spans over several lines

Třetí obrázek by měl být umístěn nad tímto odstavcem a vycentrován doprostřed oblasti obsahu. To nemusí fungovat se všemi motivy. Pokud jste vývojářem motivů, ujistěte se, že podporujete třídy obrázků „left“, „right“ a „center“. Tyto třídy můžete přidat ručně v režimu raw nebo je můžete přiřadit ve vizuálním režimu, když upravujete obrázek (dvojitým kliknutím na něj otevřete dialog). Obrázky na samostatném řádku se vykreslují pomocí prvků html5 figure a figcapture.

Blokový výpis

There are always some women and men with wise words
> But I usually don't read them, to be honest.

There always some women and men with wise words

But I usually don't read them, to be honest.

Poznámka pod čarou

Poznámky pod čarou[^1] můžete psát pomocí značky dolů.
Přejděte dolů na konec stránky[^2] a vyhledejte poznámky pod čarou.

Na konec stránky takto zadejte tento text:
[^1]: Děkujeme za rolování.
[^2]: Toto je konec stránky.

Zkratky

*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium

Přímo tu zkratku neuvidíte, ale pokud někde napíšete HTML nebo W3C, pak můžete vidět tooltip s vysvětlením.

Definition List

Apple
:   Pomaceous fruit of plants of the genus Malus in the family Rosaceae.
Orange
:   The fruit of an evergreen tree of the genus Citrus.
Apple
Pomaceous fruit of plants of the genus Malus in the family Rosaceae.
Orange
The fruit of an evergreen tree of the genus Citrus.

Poznámky

Můžete vytvořit různá oznámení, pokud přidáte '!', '!!', '!!!', '!!!!' před čárou. Tím se obsah zabalí do třídy div s třídami notice1, notice2, notice3 a notice4. Oznámení můžete také rozložit na několik řádků. Tato logika následuje některé jiné CMS jako Grav, Lektor nebo Yellow a není kompatibilní s jinými markdown procesory nebo editory.

Notice 1

Please note that you can use markdown inside of the notice so you can format your text here.

Notice 2

Please note that you can use markdown inside of the notice so you can format your text here.

Notice 3

Please note that you can use markdown inside of the notice so you can format your text here.

Tabulky

|name       |usage      |
|-----------|-----------|
| My Name   | For Me    |
| Your Name | For You   |
Name Usage
My Name For Me
Your Name For You

Cody

Let us create some `` like this

Let us create some `` and now let us check, if a codeblock works:

Use four apostroph like this:  
\````

\````

Math

Aktivujte prosím matematický plugin, abyste mohli používat matematické výrazy se syntaxí LaTeXu. Můžete si vybrat mezi MathJax nebo novější knihovnou KaTeX. MathJax je součástí CDN, KaTeX je součástí pluginu. Pokud tedy nechcete načítat kód z CDN, použijte místo toho KaTeX. Syntaxe markdown v TYPEMILL je stejná pro obě knihovny.

Write inline math with \(...\) or $...$ syntax.
inline $x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)$ math
inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math

inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math

inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math

Write display math with $$...$$ or \[...\] syntax.  
$$
x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)
$$
\[
x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)
\]
$$ x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a) $$