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:
- like
- 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.
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 !
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:
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*
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
.
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
.
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)
\]