Ten artykuł oferuje przykład podstawowej składni Markdown, która może być używana w plikach treści Hugo, a także pokazuje, czy podstawowe elementy HTML są stylizowane za pomocą CSS w motywie Hugo.

Nagłówki

Następujące elementy HTML <h1>—<h6> reprezentują sześć poziomów nagłówków sekcji. <h1> to najwyższy poziom sekcji, a <h6> to najniższy.

H1

H2

H3

H4

H5

H6

Paragraf

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Cytaty blokowe

Element cytatu blokowego reprezentuje treść zacytowaną z innego źródła, opcjonalnie z cytatem, który musi znajdować się w elemencie footer lub cite, i opcjonalnie z wewnętrznymi zmianami, takimi jak adnotacje i skróty.

Cytat blokowy bez atrybucji

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Uwaga możesz użyć składni Markdown w cytacie blokowym.

Cytat blokowy z atrybucją

Nie komunikuj się przez współdzielenie pamięci, komunikuj się poprzez współdzielenie.
— Rob Pike¹

Tabele

Tabele nie są częścią podstawowej specyfikacji Markdown, ale Hugo obsługuje je bezpośrednio.

Imię	Wiek
Bob	27
Alicja	23

Markdown wewnątrz tabel

Kursywa	Pogrubienie	Kod
kursywa	pogrubienie	`kod`

A	B	C	D	E	F
Lorem ipsum dolor sit amet, consectetur adipiscing elit.	Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.	Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus	Proin sit amet velit nec enim imperdiet vehicula.	Ut bibendum vestibulum quam, eu egestas turpis gravida nec	Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien

Bloki kodu

Blok kodu z apostrofami

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!doctype html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Przykładowy dokument HTML5</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Blok kodu wcięty o cztery spacje

<!doctype html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Przykładowy dokument HTML5</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Blok kodu z różnicami

1
2
3
4
5
[dependencies.bevy]
git = "https://github.com/bevyengine/bevy"
rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
- features = ["dynamic"]
+ features = ["jpeg", "dynamic"]

Blok kodu jednowierszowego

1
<p>Paragraf</p>

Rodzaje list

Lista uporządkowana

Pierwszy element
Drugi element
Trzeci element

Lista nieuporządkowana

Element listy
Kolejny element
I kolejny element

Lista zagnieżdżona

Owoce
- Jabłko
- Pomarańcza
- Banan
Nabiał
- Mleko
- Ser

Inne elementy — abbr, sub, sup, kbd, mark

GIF to bitmapowy format obrazu.

H₂O

Xⁿ + Yⁿ = Zⁿ

Naciśnij CTRL + ALT + Delete, aby zakończyć sesję.

Większość salamandr jest nocnych i poluje na owady, robaki i inne małe stworzenia.

Powyższy cytat pochodzi z wystąpienia Roba Pike’a talk podczas Gopherfest, 18 listopada 2015. ↩︎

Przewodnik po składni Markdown

Przykładowy artykuł pokazujący podstawową składnię Markdown i formatowanie dla elementów HTML.