SWO Finops

Przewodnik po składni Markdown

3 min czytania

Oto przykłady podstawowej składni Markdown, której można używać podczas pisania treści Markdown w Astro.

Nagłówki

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

H1

H2

H3

H4

H5
H6

Akapit

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?

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

Obrazy

Składnia

![Tekst alternatywny](./pelna/lub/wzgledna/sciezka/obrazu)

Wynik

![blog placeholder](/blog-placeholder-about.jpg)

Cytaty blokowe

Element blockquote reprezentuje treść cytowaną z innego źródła, opcjonalnie z odniesieniem, które musi znajdować się w elemencie footer lub cite, oraz opcjonalnie ze zmianami w treści, takimi jak adnotacje i skróty.

Cytat bez atrybucji

Składnia

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **Uwaga**: wewnątrz cytatu można używać _składni Markdown_.

Wynik

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Uwaga: wewnątrz cytatu można używać składni Markdown.

Cytat z atrybucją

Składnia

> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>

Wynik

Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike[^1]

[^1]: Powyższy cytat pochodzi z prelekcji Roba Pike’a podczas Gopherfest, 18 listopada 2015.

Tabele

Składnia

| Kursywa   | Pogrubienie | Kod    |
| --------- | ----------- | ------ |
| _kursywa_ | **pogrub.** | `kod`  |

Wynik

Kursywa Pogrubienie Kod
kursywa pogrub. kod

Bloki kodu

Składnia

możemy użyć 3 backticków ``` w nowej linii, napisać fragment i zamknąć 3 backtickami w nowej linii, a aby podświetlić składnię danego języka, po pierwszych 3 backtickach wpisz nazwę języka, np. html, javascript, css, markdown, typescript, txt, bash

```html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

Wynik

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Rodzaje list

Lista uporządkowana

Składnia

1. Pierwszy element
2. Drugi element
3. Trzeci element

Wynik

  1. Pierwszy element
  2. Drugi element
  3. Trzeci element

Lista nieuporządkowana

Składnia

- Element listy
- Kolejny element
- I jeszcze jeden

Wynik

  • Element listy
  • Kolejny element
  • I jeszcze jeden

Lista zagnieżdżona

Składnia

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

Wynik

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

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

Składnia

<abbr title="Graphics Interchange Format">GIF</abbr> to format obrazu bitmapowego.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

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

Większość <mark>salamander</mark> jest nocna i poluje na owady, robaki i inne małe stworzenia.

Wynik

GIF (Graphics Interchange Format) to format obrazu bitmapowego.

H₂O

Xⁿ + Yⁿ = Zⁿ

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

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

Zobacz najnowsze artykuły